前面我们写过的代码中，JavaScript 代码都是在整个 HTML 代码后面的，这样是为了确保 HTML 页面中的所有 DOM 元素都加载完毕了，才能让 JavaScript 代码正确的执行，如果我们把 JavaScript 代码写在了 head 里面，就会导致 JavaScript 代码先执行了，而有些 DOM 元素还没初始化，最终 JavaScript 代码报错。要避免这种问题，我们可以使用 onload 加载事件来解决。
事件对象的作用和案例
事件对象，就是在响应某些事件的处理函数内部第一个传递进来的参数。不同的事件，参数的内容也不同，我们可以根据每一个事件对象能用的功能来实现特殊的需求，下面就是几个案例。
JavaScript 设置事件流流向
多层标签嵌套如果绑定了相同的事件，那么触发其中某一个标签的事件后，其关联的其他标签也会同时响应该事件，如下图所示：
JavaScript DOM 操作给元素添加、删除事件
借用传智播客教师课件中得一句话，“通过鼠标、键盘对浏览器页面所做的动作就是事件”，比如鼠标点击、鼠标移入、鼠标移除、键盘按下、键盘抬起等等，都称之为事件，这些事件有如下几种。