枯燥的异步加载js

最新推荐文章于 2022-04-10 09:52:03 发布

帅癌病患者

最新推荐文章于 2022-04-10 09:52:03 发布

阅读量76

点赞数

分类专栏： JavaScript笔记文章标签： js

本文链接：https://blog.csdn.net/weixin_51664705/article/details/114294606

版权

JavaScript笔记专栏收录该内容

50 篇文章 0 订阅

订阅专栏

defer
只有IE能用，等到dom文档全部解析完才会被执行。

<script type="text/javascript" src="xxxx.js" defer="defer"></script>

async
与defer无异，但加载完立刻执行。

<script type="text/javascript" src="xxxx.js" async="async"></script>

<script>
    function loadScript(url,callback){
        var script = document.createElement('script');
        script.type = "text/javascript";
        if(script.readyState){//IE
            script.onreadystatechange = function(){
                if(script.readyState=="complete"||script.readyState=="loaded"){
                    callback();
                }
            }
        }else{
            script.onload = function(){
                callback();
            }
        }
        script.src = url;
        document.head.appendChild(script);
    }
    loadScript('xxx.js',function(){
        xxx();
    })
</script>