标签:点列 大小 文本 dom 插入 函数 remove 调整 getattr
来源:
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的支持
web-COM,BOM
标签:点列 大小 文本 dom 插入 函数 remove 调整 getattr
原文地址:https://www.cnblogs.com/nsgbdzm/p/9848955.html