前端开发技能 —— JavaScript / ES6

Posted 2021-09-06 Kabukiyo Lin

前端开发技能 —— javascript / ES6

• JavaScript
• • JavaScript 事件流与事件模型
• ES6
• • • 三级目录

JavaScript

JavaScript 事件流与事件模型

事件流

• 当子元素所绑定的事件被用户触发时，页面接收事件的顺序是什么，就涉及到事件流。事件流即事件的传播方式。
• 事件捕获：由上到下的传播方式，从不具体的节点逐级向下传播到最具体的节点。（Netscape事件流）
• 事件冒泡：由下到上的传播方式，从最具体的元素接收再逐级向上传播到document节点。（IE事件流）

事件模型

• DOM0级（原始事件模型）
• DOM2级（标准事件模型）
• IE事件模型

DOM0级（原始事件模型）

绑定方式：

<input type='button' onclick="func()">

var btn = document.getElementById('.btn');
btn.onclick = func;

ES6

三级目录