事宜DOMContentLoaded和load的区分

2019年8月31日 137次阅读 来源: 古月生

区别是:触发的机遇不一样，先触发DOMContentLoaded事宜，后触发load事宜。

DOM文档加载的步骤为

1,剖析HTML构造。
2,DOM树构建完成。//DOMContentLoaded
3,加载外部剧本和样式表文件。
4,剖析并实行剧本代码。
5,加载图片等外部文件。
6,页面加载终了。//load
在第2步，会触发DOMContentLoaded事宜。在第6步，触发load事宜。

可参考
https://developer.mozilla.org…

用原生js能够这么写

// 不兼容老的浏览器，兼容写法见[jQuery中ready与load事宜](http://www.imooc.com/code/3253)，或用jQuery
document.addEventListener("DOMContentLoaded", function() {
   // ...代码...
}, false);

window.addEventListener("load", function() {
    // ...代码...
}, false);

用jQuery这么写

// DOMContentLoaded
$(document).ready(function() {
    // ...代码...
});

//load
$(document).load(function() {
    // ...代码...
});
    原文作者：古月生
    原文地址: https://segmentfault.com/a/1190000008907415
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞