JS对象3

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.BOM对象

window对象

所有浏览器都支持window对象

概念上讲：一个html文档对应一个window对象

功能上讲：控制浏览器窗口的

使用上讲：window对象不需要创建对象，直接使用即可

Window对象方法

alert() 显示带有一段消息和一个确认按钮的警告框confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框prompt() 显示可提示用户输入的对话框open() 打开一个新的浏览器窗口或查找一个已命名的窗口close() 关闭浏览器窗口res=open("http://www.baidu.com","xueyuan","width=600,height=600");close()setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。clearInterval() 取消由 setInterval() 设置的 timeout。setTimeout() 在指定的毫秒数后调用函数或计算表达式。clearTimeout() 取消由 setTimeout() 方法设置的 timeout。scrollTo() 把内容滚动到指定的坐标。

方法使用

（1） alert confirm 以及open函数

（2） setinterval clearinterval

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法：<br> setInterval(code,millisec)

其中，code为要调用的函数或要执行的代码串。millisec周期性执行或调用 code 之间的时间间隔，以毫秒计

2.DOM对象

HTML Document Object Model（文档对象模型）

HTML DOM定义了访问和操作HTML文档的标准方法

HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构

DOM树

DOM节点

节点类型

HTML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

整个文档是一个文档节点

每个 HTML 标签是一个元素节点

包含在 HTML 元素中的文本是文本节点

每一个 HTML 属性是一个属性节点

节点查找

（1）直接查找节点

（2）导航节点属性

parentElement // 父节点标签元素
children // 所有子标签
firstElementChild // 第一个子标签元素
lastElementChild // 最后一个子标签元素
nextElementtSibling // 下一个兄弟标签元素
previousElementSibling // 上一个兄弟标签元素

节点操作

（1）创建节点