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