異步加載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;

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。