事件类型
DOM3中有很多事件类型，用户界面事件、焦点事件、鼠标事件、滚轮事件、输入事件、键盘事件以及合成事件。用户界面事件和UI事件不一定和用户操作有关。UI事件主要由DOMActivate、load、unload、abort、error、select、resize和scroll。
DOMActivate指的是元素被用户通过鼠标或键盘操作激活时触发。abort在object元素上当相应对象加载完成前被用户提前终止下载时触发。error指的是在window上当JavaScript报错时触发，在img元素上当无法加载指定图片时触发，在object元素上当无法加载相应对象时触发，在窗套上当一个或多个窗格无法完成加载时触发。select在文本框上当用户选择了一个或多个字符时触发。
onload事件会在整个页面加载完成后触发，可以通过两种方式指定load事件处理程序，第一种是JavaScript方法：
window.addEventListener('load',(e)=>{console.log('加载');})这种方法是通过addEventListener方法指定事件处理程序。第二种load事件处理程序方式是向body元素添加onload属性。可以在body中这样写：
<bodyonload="console.log('加载')">图片上也会触发load事件，包括DOM中的图片和非DOM中的图片。还有一些元素也以非标准的方式支持load事件，script会在JavaScript文件加载完成后触发load事件，从而可以动态检测。与图片不同，要下载JavaScript文件必须同时指定src属性并把script元素添加到文档中。
unload事件与load事件相对，unload事件会在文档卸载完成后触发。unload事件一般是在一个页面导航到另一个页面时触发。常用于清理引用，避免内存泄漏。
resize是当浏览器窗口被缩放到新高度或宽度时，会触发resize事件，这个事件在window上触发，所以可以通过JavaScript在window上或者为body元素添加onresize属性来指定事件处理程序。不同浏览器在决定何时触发resize事件上存在差异，浏览窗口最大化和最小化时也会触发resize事件。
window.addEventListener('resize',(e)=>{console.log('缩放');})scroll事件发生在windows上，反映的是页面中相应元素的变化。当用户滚动包含滚动条的元素时在元素上触发，body元素包含已加载页面的滚动条。scroll事件也会随着文档滚动而重复触发。