学习笔记 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)">

DOM0 事件处理程序