Html中，想利用JS引入Jquery文件；$.getScript()无效

小洪帽i2024-05-24 8:44

在使用 $.getScript()时，会爆出错误：ReferenceError:$ is not defined ，这是因为没有在JS文件前引入Jquery。

那么可以这样使用：(这个方式只适合放在页面代码最后面使用)

javascript 复制代码

(function () {
    var script = window.document.createElement('script');
    var jslistNormal = [],
        jslistDebug = [],
        inter;
    script.type = 'text/javascript';
    script.src = 'https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js';
    document.getElementsByTagName('body')[0].appendChild(script);
    inter = setInterval(function () {
        if (typeof $ === 'function') {
            loadjs();
            clearInterval(inter);
        }
    }, 100);
})();

function loadjs(){
    //这里放入你需要引入Jquery后执行的代码
    
}

如果想在head标签内容使用：（将body改为html即可）

javascript 复制代码

(function () {
    var script = window.document.createElement('script');
    var jslistNormal = [],
        jslistDebug = [],
        inter;
    script.type = 'text/javascript';
    script.src = 'https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js';
    document.getElementsByTagName('html')[0].appendChild(script);
    inter = setInterval(function () {
        if (typeof $ === 'function') {
            loadjs();
            clearInterval(inter);
        }
    }, 100);
})();

function loadjs(){
    //这里放入你需要引入Jquery后执行的代码
    
}