js——onload和DOMContentLoaded入口函数方法

最新推荐文章于 2021-05-18 22:14:49 发布

原创最新推荐文章于 2021-05-18 22:14:49 发布 · 507 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

89 篇文章

订阅专栏

本文详细解释了onload方法和DOMContentLoaded事件之间的主要区别。onload方法会在DOM元素及所有资源加载完毕后执行，而DOMContentLoaded事件则仅在DOM元素加载完成后触发，因此性能更优。

onload方法会等到dom元素都加载完毕，并且还会等到资源也加载完毕才会执行
DOMContentLoaded事件只会等到dom元素加载完毕，性能比onload更好

    // window.οnlοad=function(ev){
    //     var res=document.querySelectorAll('div');
    //     console.log(res);
    // };
    document.addEventListener('DOMContentLoaded',function(){
        var res=document.querySelectorAll('div');
        console.log(res);
    })