11-29

参考：

• 现代 JavaScript 教程 (opens new window)

进度：🍅*5

• 表单属性和方法 (opens new window)
• 聚焦：focus/blur (opens new window)
• 事件：change，input，cut，copy，paste (opens new window)
• 表单：事件和方法提交 (opens new window)
• 页面生命周期：DOMContentLoaded，load，beforeunload，unload (opens new window)
• 脚本：async，defer (opens new window)

原子笔记

• focus 和 blur 事件不会冒泡。但是可以改为在捕获阶段触发，或者使用 focusin/focusout。
• 在输入框中使用 Enter 发送表单时，会在 <input type="submit"> 上触发一次 click 事件。
• 具有 async 特性（attribute）或使用 document.createElement('script') 动态生成并添加到网页的脚本不会阻塞 DOMContentLoaded。
• 外部样式表不会影响 DOM，因此 DOMContentLoaded 不会等待它们。但如果在样式后面有一个脚本，那么该脚本必须等待样式表加载完成，则 DOMContentLoaded 也在间接的等待外部样式加载完成。