web-COM,BOM

Posted 2021-01-15 nsgbdzm

来源：

DOM（文档对象模型）是w3c国际组织的一套web标准。

方法：

getElementById() ：返回带有指定 ID 的元素。

getElementsByTagName()：返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。

getElementsByClassName()：返回包含带有指定类名的所有元素的节点列表。

appendChild()：把新的子节点添加到指定节点。

removeChild()：删除子节点。

replaceChild() ：替换子节点。

insertBefore() ：在指定的子节点前面插入新的子节点。

createAttribute()：创建属性节点。

createElement()：创建元素节点。

createTextNode() ：创建文本节点。

getAttribute() ：返回指定的属性值。

setAttribute()：把指定属性设置或修改为指定的值。

内容：

DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。

可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。通过javascript，您可以重构整

个html文档。您可以添加、移除、改变或重排页面上的项目。

 

应用：

1、获取页面元素；

2、改变页面元素属性；

3、改变页面元素内容；

4、操作页面元素。

BOM：

来源：

BOM（浏览器对象）模型缺乏标准，JavaScript语法的标准化组织是ECMA。

方法：

提供了一系列对象。

Window：1、作为js访问浏览器窗口的一个接口；2、全局对象；

window方法

alert()：弹出一个警告对话框。

prompt([text],[defaulttext])：弹出一个输入对话框。

confirm(text)：弹出一个确认对话框。如果单击“确定按钮”返回true，如果单击“取* * 消”返回false。 text：要显示的纯文本

close()：关闭窗口

print()：打印窗口

open([url],[name],[options]):打开一个新窗口

延时器：window.setTimeout(“code”,1000);// code一般是一个函数，但是放在双引号下，1000ms   返回值是延时器的id，给clearTimeout使用

定时器：window.setInterval(“code”,1000);// code一般是一个函数，但是放在”“下，1000ms    返回值是定时器的id，给clearInterval使用

location:提供了当前窗口中加载文档的有关信息。

navigator：通常用于检测显示网页的浏览器类型。

screen：表明客户端的能力，包括浏览器外部显示器信息。

history：保存用户上网的历史记录。

history常用方法
go(n)：同时可以实现“前进”和“后退。” 
1. history.go(0) 刷新网页 
2. history.go(-1) 后退 
3. history.go(1) 前进一步 
4. history.go(3) 前进三步
forward()：相当于浏览器的“前进”按钮
back()：相当于浏览器的“后退”按钮 

 

内容：

BOM(BrowserObject Mode) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、

可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对

象的子对象。

应用：

1. 弹出新的浏览器窗口、移动、关闭浏览器窗口及调整窗口大小；

2. 提供WEB浏览器详细信息的导航对象；

3. 提供装载到浏览器中页面的详细信息的定位对象；

4. 提供用户屏幕分辩率详细信息的屏幕对象；

5. 对cookie的支持