BOM对象
- document 文档对象
- window 窗口对象
- location 位置对象
- history 历史对象
- navigator 浏览器对象
- screen 屏幕对象
window对象
| 属性 | 说明 |
|---|---|
| closed | 返回一个布尔值，该值指示窗口是否已关闭 |
| name | 返回窗口的名称 |
| opener | 返回window对象的引用 |
| parent | 返回当前窗口的父窗口 |
| self | 返回当前窗口 |
| top | 返回最顶层的父窗口 |
| 方法 | 说明 |
|---|---|
| alert() | 显示带有一段消息和一个确认按钮的警告框 |
| confirm() | 显示带有一段消息和两个按钮的提示框 |
| prompt() | 显示一个可提示用户输入的对话框 |
| open() | 打开一个新的浏览器窗口或查找一个已命名的窗口 |
| close() | 关闭当前窗口 |
| focus() | 把键盘输入焦点移到当前窗口 |
| print() | 打印当前窗口的内容 |
| scrollBy() | 指定像素值滚动当前窗口 |
| scrollTo() | 指定坐标滚动当前窗口 |
定时器
| 方法 | 说明 |
|---|---|
| setTimeout() | 数毫秒后调用一个函数 |
| clearTimeout() | 取消setTimeout() |
| setInterval() | 数毫秒后调用一个函数，重复执行 |
| clearInterval() | 取消setInterval() |
location对象
history对象
navigator对象
screen对象
BOM对象
- document 文档对象
- window 窗口对象
- location 位置对象
- history 历史对象
- navigator 浏览器对象
- screen 屏幕对象
window对象
| 属性 | 说明 |
|---|---|
| closed | 返回一个布尔值，该值指示窗口是否已关闭 |
| name | 返回窗口的名称 |
| opener | 返回window对象的引用 |
| parent | 返回当前窗口的父窗口 |
| self | 返回当前窗口 |
| top | 返回最顶层的父窗口 |
| 方法 | 说明 |
|---|---|
| alert() | 显示带有一段消息和一个确认按钮的警告框 |
| confirm() | 显示带有一段消息和两个按钮的提示框 |
| prompt() | 显示一个可提示用户输入的对话框 |
| open() | 打开一个新的浏览器窗口或查找一个已命名的窗口 |
| close() | 关闭当前窗口 |
| focus() | 把键盘输入焦点移到当前窗口 |
| print() | 打印当前窗口的内容 |
| scrollBy() | 指定像素值滚动当前窗口 |
| scrollTo() | 指定坐标滚动当前窗口 |
定时器
| 方法 | 说明 |
|---|---|
| setTimeout() | 数毫秒后调用一个函数 |
| clearTimeout() | 取消setTimeout() |
| setInterval() | 数毫秒后调用一个函数，重复执行 |
| clearInterval() | 取消setInterval() |
location对象
history对象
navigator对象
screen对象
DOM
文档对象是网页中所有对象的所有者
定时器
轮循定时器
plain
setInterval(function(){},1000)延迟定时器
plain
setTimeout(function(){},1000)选择元素
plain
//通过 id 找元素
document.getElementById(id)
//通过 类 找元素
document.getElementsByClassName(name)
//通过 标签 找元素
document.getElementsByTagName(name)使用DOM
element.childNodes 返回一个元素的子节点的数组。
element.firstChild 返回元素的第一个子节点。
element.lastChild 返回元素的最后一个子节点。
element.hasChildNodes 如果元素有任何子节点，则返回 true，否则为 false 。
element.nextSibling 返回相同树级别的下一个节点。
element.previousSibling 返回在同一树级别的上一个节点。
element.parentNode 返回元素的父节点。
element.cloneNode() 克隆元素并返回结果节点。
document.createElement(element) 创建一个新的元素节点。
document.createTextNode(text) 创建一个新的文本节点。
element.appendChild(newNode) 将一个新的子节点添加到元素作为最后一个子节点。
element.insertBefore(node1, node2) 在节点2之前插入node1作为子节点。
要替换HTML元素，使用 element.replaceChild(newNode,oldNode) 方法