JavaScript页面事件

页面初始化

load 事件类型在页面完全加载完毕的时候触发。该事件包含所有的图形图像、外部文件（如 CSS、JS 文件等）的加载，也就是说，在页面所有内容全部加载之前，任何 DOM 操作都不会发生。为 window 对象绑定 load 事件类型的方法有两种。

结构初始化

在传统事件模型中，load 是页面中最早被触发的事件。不过当使用 load 事件来初始化页面时可能会存在一个问题，就是当页面中包含很大的文件时，load 事件需要等到所有图像全部载入完成之后才会被触发。也许用户希望某些脚本能够在页面结构加载完毕之后就能够被执行。要怎么办呢？

这时可以考虑使用 DOMContentLoaded 事件类型。作为 DOM 标准事件，它是在 DOM 文档结构加载完毕的时候触发的，因此要比 load 事件类型先被触发。目前，Mozilla 和 Opera 新版本已经支持了该事件。而 IE 和 Safari 浏览器还不支持。

页面卸载

unload 表示卸载的意思，这个事件在从当前浏览器窗口内移动文档的位置时触发，也就是说，通过超链接、前进或后退按钮等方式词能够一个页面跳转到其他页面，或者关闭浏览器窗口时触发。

窗口重置

resize 事件类型是在浏览器窗口被重置时触发的，如当用户调整窗口大小，或者最大化、最小化、恢复窗口大小显示时触发 resize 事件。利用该事件可以跟踪窗口大小的变化以便动态调整页面元素的显示大小。

页面滚动

scroll 事件类型用于在浏览器窗口内移动文档的位置时触发，如通过键盘箭头键、翻页键或空格键移动稳定位置，或者通过滚动条滚动稳定位置。利用该事件可以跟踪文档位置变化，及时调整某些元素的的显示位置，确保它始终显示在屏幕可见区域内中。

错误处理

error 事件类型是在 JavaScript 代码发生错误时触发的，利用该事件可以捕获并处理错误信息。error 事件类型与 try/catch 语句功能相似，都用来捕获页面错误信息。不过 error 事件类型无须传递事件对象，且可以包含已经发生错误的解释信息。