1. 程式人生 > >使用js 動態載入

使用js 動態載入

function loadScript(url, callback) {

    var script = document.createElement("script");

    script.type = "text/javascript";

    if (typeof(callback) != "undefined") {

        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);

}

 

執行這個函式。例如想動態引入jquery,可以這樣

loadScript("https://cdn.bootcss.com/jquery/3.2.1/jquery.js", function() { 

      //載入,並執行回撥函式

      alert('動態引入jquery成功')

});

在一個沒有使用jquery的頁面上,執行以上程式碼以後,就可以在該頁面的除錯視窗使用jquery了!