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后执行的代码
    
}
相关推荐
檀越剑指大厂10 分钟前
【Python系列】 Base64 编码:使用`base64`模块
开发语言·python
誓约酱14 分钟前
(动画)Qt控件 QLCDNumer
开发语言·c++·git·qt·编辑器
夫琅禾费米线14 分钟前
leetcode2650. 设计可取消函数 generator和Promise
开发语言·javascript·leetcode·ecmascript
@小博的博客25 分钟前
C++初阶学习第十三弹——容器适配器和优先级队列的概念
开发语言·数据结构·c++·学习
Dola_Pan28 分钟前
C语言:函数指针精讲
c语言·开发语言
尘浮生29 分钟前
Java项目实战II基于SpringBoot的共享单车管理系统开发文档+数据库+源码)
java·开发语言·数据库·spring boot·后端·微信小程序·小程序
凤枭香41 分钟前
Python Scikit-learn简介
开发语言·python·机器学习·scikit-learn
ThetaarSofVenice1 小时前
Java从入门到放弃 之 泛型
java·开发语言
WHabcwu1 小时前
统⼀异常处理
java·开发语言
Mr__vantasy1 小时前
数据结构(初阶6)---二叉树(遍历——递归的艺术)(详解)
c语言·开发语言·数据结构·算法·leetcode