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

小洪帽i

于 2024-05-23 11:23:05 发布

阅读量322

点赞数 1

分类专栏：前端 Html Jquery 文章标签： javascript jquery 开发语言

本文链接：https://blog.csdn.net/qq_39408664/article/details/139142647

版权

Html 同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

Jquery

7 篇文章 0 订阅

订阅专栏

前端

5 篇文章 0 订阅

订阅专栏

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

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

(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即可）

(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后执行的代码
    
}