Javascript之BOM与DOM


JavaScript的实现包括以下3个部分:

ECMAScript(核心)

描述了JS的语法和基本对象。

文档对象模型 (DOM

处理网页内容的方法和接口

浏览器对象模型(BOM

与浏览器交互的方法和接口

javascript 有三部分构成,ECMAScriptDOMBOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异,IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX 对象

1. DOM W3C 的标准; [所有浏览器公共遵守的标准]
2. BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]
3. window BOM 对象,而非 js 对象;javacsript是通过访问BOMBrowser Object Model)对象来访问、控制、修改客户端(浏览器)

 

ECMAScript扩展知识:

ECMAScript是一个标准,JS只是它的一个实现,其他实现包括ActionScript

② “ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力……”,即ECMAScript不与具体的宿主环境相绑定,如JS的宿主环境是浏览器,AS的宿主环境是Flash

ECMAScript描述了以下内容:语法、类型、语句、关键字、保留字、运算符、对象。

文档对象模型,前者是对浏览器本身进行操作,而后者是对浏览器(可看成容器)内的内容进行操作


 

DOM管的:

E区(就是你说的document啦。由web开发人员呕心沥血写出来的一个文件夹,里面有index.htmlCSSJS什么鬼的,部署在服务器上,我们可以通过浏览器的地址栏输入URL然后回车将这个document加载到本地,浏览,右键查看源代码等。

BOM管的:

A区(浏览器的标签页,地址栏,搜索栏,书签栏,窗口放大还原关闭按钮,菜单栏等等)

B区(浏览器的右键菜单)

C区(document加载时的状态栏,显示http状态码等)

D区(滚动条scroll bar


表格单元格

在一个 HTML 文档中 标签每出现一次,一个 TableCell 对象就会被创建

 

 

Table 对象方法

方法

描述

createCaption()

为表格创建一个 caption 元素。

createTFoot()

在表格中创建一个空的 tFoot 元素。

createTHead()

在表格中创建一个空的 tHead 元素。

deleteCaption()

从表格删除 caption 元素以及其内容。

deleteRow()

从表格删除一行。

deleteTFoot()

从表格删除 tFoot 元素及其内容。

deleteTHead()

从表格删除 tHead 元素及其内容。

insertRow()

在表格中插入一个新行。


2) DOM节点三大属性(XML DOM

属性

描述

nodeName

元素节点、属性节点、文本节点分别返回元素的名称、属性的名称和#text的字符串。

 

nodeType

元素节点、属性节点、文本节点的nodeType值分别为123.

 

nodeValue

元素节点、属性节点、文本节点的返回值分别为null、属性值和文本节点内容。


https://blog.csdn.net/qq877507054/article/details/51395830