document有readyState属性来描述document的loading状态，readyState的改变会触发readystatechange事件.

以下哪些事件会在页面加载完成（onload）之前触发？

A
readystatechange

B
pageshow

C
beforeunload

D
DOMContentLoaded

正确答案：AD

选择AD。

A. readystatechange
document有readyState属性来描述document的loading状态，readyState的改变会触发readystatechange事件.

loading
文档仍然在加载

interactive
文档结束加载并且被解析，但是像图片，样式，frame之类的子资源仍在加载

complete
文档和子资源已经结束加载，该状态表明将要触发load事件。

因此readystatechange在onload之前触发。

B.onpageshow
onpageshow 事件在用户浏览网页时触发。
onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。

C. beforeunload
当浏览器窗口，文档或其资源将要卸载时，会触发beforeunload事件。这个文档是依然可见的，并且这个事件在这一刻是可以取消的.
如果处理函数为Event对象的returnValue属性赋值非空字符串，浏览器会弹出一个对话框，来询问用户是否确定要离开当前页面（如下示例）。有些浏览器会将返回的字符串展示在弹框里，但有些其他浏览器只展示它们自定义的信息。没有赋值时，该事件不做任何响应。

D.DOMContentLoaded
当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。
另一个不同的事件 load 应该仅用于检测一个完全加载的页面。因此DOMContentLoaded是HTML完全加载和解析完成之后发生的，发生时间点要早于load，选D。
在使用 DOMContentLoaded 更加合适的情况下使用 load 是一个令人难以置信的流行的错误，所以要谨慎。
注意：DOMContentLoaded 事件必须等待其所属script之前的样式表加载解析完成才会触发。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/17834941.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！