Javascript 动态加载jQuery

发布于:2023-10-25 15:52:28

javascript不习惯,怎样加载jquery呢?

有两个方法的:

在Element里右键 Edit as html,可以加进去

<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>

用JS动态加载。这是本文的目标:

首先是写如下工具function代码

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('Load jquery successfully!')
});

在一个没有使用jquery的页面上,运行以上代码以后,就可以在该页面的调试窗口使用jquery了!

转载:查看原文
阅读 123