事件DOMContentLoaded和load的区别

    xiaoxiao2022-06-22  21

    他们的区别是,触发的时机不一样,先触发DOMContentLoaded事件,后触发load事件。

    DOM文档加载的步骤为

    解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load 在第4步,会触发 DOMContentLoaded事件。在第6步,触发 load事件。

    用原生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://ju.6miu.com/read-1123012.html

    最新回复(0)