DOM
- 控制html文档的内容.
- 代码 : 获取页面标签(元素)对象 Element.
let elementById = document.getElementById("id值"); - 操作Element对象:
- 修改属性值.
- 修改标签体内容. * innerHTML修改标签体内容.
-
- 创建: 在html dom模型种可以使用window对象来获取.
- 方法:
- 获取Element对象......
- 创建其他DOM对象
createAttribute(name) createComment() createElement() createTextNode()
-
Element:
获取/创建: 通过document来获取和创建.
方法:- removeAttribute(): 删除属性.
- setAttribute(): 设置属性.
Node
特点: 所有dom对象都可以被认为是节点.
方法:
CRUD dom树:
| appendChild() | 向节点的子节点列表的结尾添加新的子节点。 |
| removeChild() | 删除（并返回）当前节点的指定子节点。 |
| replaceChild() | 用新节点替换一个子节点。 |
属性:
| parentNode | 返回节点的父节点。 |
事件
- 绑定事件
- 直接在html标签上, 指定事件的属性, 属性值就是js代码
事件: onclick -- 单击事件. - 通过js获取元素对象, 指定事件属性, 设置一个函数.
- 直接在html标签上, 指定事件的属性, 属性值就是js代码
BOM(Browser Object Model)
对象:
-
Window.
不需要创建, 可以直接使用. eg. window.方法名(). window也可以省略掉.
弹出框方法:1. alert() 显示带有一段消息和一个确认按钮的警告框. 2. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. 确定返回true, 取消返回false. 3. prompt() 显示可提示用户输入的对话框.操作方法:
1. open() 打开一个新的浏览器窗口或查找一个已命名的窗口. 2. close() 关闭浏览器窗口.定时器方法
1. setTimeout() 在指定的毫秒数后调用函数或计算表达式. 参数: arg1: js代码, arg2: 毫秒值. 返回值: 唯一标示. 2. clearTimeout()取消由 setTimeout() 方法设置的 timeout.属性:
- 获取其他BOM对象
- 获取DOM对象.
-
location.
- 创建.
window.location.(or location). - 方法
assign() 加载新的文档. reload() 重新加载当前文档。 replace() 用新的文档替换当前文档.- 属性.
- 创建.
