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

在使用$.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后执行的代码
    
}
相关推荐
blammmp11 分钟前
Java:数据结构-枚举
java·开发语言·数据结构
何曾参静谧24 分钟前
「C/C++」C/C++ 指针篇 之 指针运算
c语言·开发语言·c++
暗黑起源喵30 分钟前
设计模式-工厂设计模式
java·开发语言·设计模式
WaaTong34 分钟前
Java反射
java·开发语言·反射
Troc_wangpeng36 分钟前
R language 关于二维平面直角坐标系的制作
开发语言·机器学习
王哲晓37 分钟前
第三十章 章节练习商品列表组件封装
前端·javascript·vue.js
努力的家伙是不讨厌的37 分钟前
解析json导出csv或者直接入库
开发语言·python·json
理想不理想v41 分钟前
‌Vue 3相比Vue 2的主要改进‌?
前端·javascript·vue.js·面试
Envyᥫᩣ1 小时前
C#语言:从入门到精通
开发语言·c#
酷酷的阿云1 小时前
不用ECharts!从0到1徒手撸一个Vue3柱状图
前端·javascript·vue.js