码迷,mamicode.com
首页 > Web开发 > 详细

web-COM,BOM

时间:2018-10-25 14:08:48      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:点列   大小   文本   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!