异步加载JS

时间 2019-12-15
原文原文链接
异步加载JSjavascript
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;异步加载js&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;script&gt;
    //异步加载JS函数
    // 实现思想：动态建立script标签，插入到文档中，而后执行callback函数
    //url为请求的JS文件的地址，callback为请求成功时的回调函数
    function loadScript(url,callback){
        //动态建立script标签
        var script = document.createElement("script");
        script.type = "text/javascript";
        //判断外部的JS文件是否加载完成（此处须要解决浏览器的兼容问题）
        if(script.readyState){
            script.onreadystatechange = function(){
                if(script.readyState == 'loaded' || script.readyState == 'complete'){
                    script.onreadystatechange = null;
                    callback();
                }
            }
        }else{
                script.onload = function(){
                    callback();
            }
        }
        script.src = url;
        //执行脚本文件
        document.body.appendChild(script);
    }
    //调试程序
    // loadScript("1.js",function(){
    //  test();
    // });
    &lt;/script&gt;
    
&lt;/body&gt;
&lt;/html&gt;