学习笔记 2020-11-15
JavaScript 高级程序设计(第4版) 阅读记录
DOM2 和 DOM3
范围
操作范围
- deleteContents()
- extractContents()
- cloneContents()
范围插入
- insertNode()
- surroundContents()
范围折叠
- collapse()
- collapsed
范围比较
- compareBoundaryPoints()
复制范围
- cloneRange()
清理
- detach()
事件
事件流
事件冒泡
事件捕获
DOM 事件流
事件处理程序
HTML 事件处理程序
可以在 HTML 元素上定义事件属性,这个函数有一个特殊的局部变量 event。函数中 this 值相当于事件的目标元素,其作用域链被扩展了,在这个函数中,document 和元素自身的成员都可以被当成局部变量来访问。这是通过 with 实现的。
function () {
with (document) {
with (this) {
// 属性值
}
}
}
因此可以直接在函数中访问自己的属性。
<!-- 输出"Click Me" -->
<input type="button" value="Click Me" onclick="console.log(value)">