Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >自动加载jQuery的Javascript代码示例

自动加载jQuery的Javascript代码示例

作者头像
魏杰
发布于 2022-12-23 10:58:09
发布于 2022-12-23 10:58:09
1.1K00
代码可运行
举报
运行总次数:0
代码可运行

当我们在Javascript里需要用到jQuery但又无法判断是否加载过时,可以通过下面的方法来自动判断并加载jQuery,代码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function getScript(url, success) {
    var script = document.createElement('script');
    script.src = url;
    var head = document.getElementsByTagName('head')[0],
    done = false;
    
    // Attach handlers for all browsers
    script.onload = script.onreadystatechange = function() {
        if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
            done = true;
            
            // callback function provided as param
            success();
            
            script.onload = script.onreadystatechange = null;
            head.removeChild(script);
        };
    };
    head.appendChild(script);
};

if (typeof jQuery == 'undefined') {
    alert('Not found jQuery');
    getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', function() {
        alert('jQuery loaded');
    });
}

阳光部落原创,更多内容请访问http://www.sunbloger.com/

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014-07-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
网站性能优化(三)异步加载脚本
原则上来说,HTML在使用<script>标签加载外部脚本文件时,会顺序下载,顺序执行,并阻碍其他资源文件的下载,比如图片(当然,如今主流浏览器是可以实现JS和CSS文件并行下载)。
娜姐
2022/05/13
1.4K0
网站性能优化(三)异步加载脚本
Vanilla JS——最轻快的JavaScript框架
简介 Vanilla JS团队维护每个字节的代码框架,每天努力工作,以确保它是小的和直观的。使用Vanilla JS是谁?很高兴你发问!他被应用于: Facebook; Google; YouTube
tonglei0429
2019/07/22
6.4K0
在线客服系统源码开发实战总结:动态加载js文件实现粘贴一段js的sdk代码,直接引入插件效果
常见的在线客服系统中,或者是统计代码中,粘贴一段js代码,就能引入某个插件的效果。这个是怎么实现的呢?
唯一Chat
2022/11/22
2K0
在线客服系统源码开发实战总结:动态加载js文件实现粘贴一段js的sdk代码,直接引入插件效果
爬虫+反爬虫+js代码混淆
vue代码 <template> <el-row style="padding: 15px"> <el-button size="mini">默认按钮</el-button> <el-button type="primary" size="mini">主要按钮</el-button> <el-button type="success" size="mini">成功按钮</el-button> <el-button type="info" size="mini">信息按钮<
李昂君
2021/12/24
2.9K0
爬虫+反爬虫+js代码混淆
Bookmarklet编写指南
前一段日子,我写了两个Bookmarklet----"短网址生成"和"短网址还原"。 它们用起来很方便,除了我本人之外,其他朋友也在用。第一次发布Bookmarklet,就能有用户,我挺满意的。 下面
ruanyf
2018/04/12
1.5K0
Bookmarklet编写指南
WEB开发面面谈之(5)——写JS时必须注意的的一些问题
问题:逻辑复杂,事件绑定逻辑混乱,在某些浏览器上onload和onreadystatechange都会触发,需要另外加标记位判断,逻辑复杂。
张炳
2019/08/05
1.8K0
Echarts 地图生成 以及生成geojson文件(附带完整代码)
前言:需要实现的效果就是生成省级地图,点击省级地图中的市切换至市级地图。为了自己方便查阅,也方便大家使用。
全栈程序员站长
2022/11/16
2.7K0
Echarts 地图生成 以及生成geojson文件(附带完整代码)
[jQuery笔记] jQuery初识
jQuery库是一个JavaScript文件,可以直接在HTML的<script>标签中引用,如下段代码所示:
行 者
2019/12/10
3360
一篇文章带你搞定JavaScript 性能调优
JavaScript 是单线程运行的,所以在在执行效率上并不是很高,随着用户体验的日益重视,前端性能对用户体验的影响备受关注,但由于性能问题相对复杂,接下来我们来了解下JavaScript如何提高性能;
前端皮皮
2022/08/17
7130
流量如何才能变现?实际测试谷歌广告联盟(Google Adsense)的广告效果以及如何优化相关代码
    CPC—英文全称CostPerClick;CostPerThousandClick-Through。CPC是一种点击付费广告,根据广告被点击的次数收费。如关键词广告一般采用这种定价模式,比较典型的有Google广告联盟和百度联盟。此类广告类型是目前大型广告联盟主推的合作方式,其展示的广告单价也随广告内容变化而改变。但此类广告也不太科学,广告虽然没被点击,但是却被浏览者实实在在的浏览了,广告价值已经产生,但却没有给我们网站主收入。
用户9127725
2022/08/08
3.4K0
流量如何才能变现?实际测试谷歌广告联盟(Google Adsense)的广告效果以及如何优化相关代码
JavaScript 常用方法总结
经常使用的 JS 方法,今天记下,以便以后查询 /* 手机类型判断 */ var BrowserInfo = { userAgent: navigator.userAgent.toLowerCase() isAndroid: Boolean(navigator.userAgent.match(/android/ig)), isIphone: Boolean(navigator.userAgent.match(/iphone|ipod/ig)), isIpad: Boolean(navigator.userA
前朝楚水
2018/04/02
1.3K0
js实用方法记录-js动态加载css、js脚本文件
方法测试:openApp('ios页面','**.apk','metools://home');
易墨
2018/09/14
18.2K0
JavaScript性能提升学习
不支持defer属性的浏览器:defer、script、load 支持defer属性的浏览器:script、defer、load 3.2 动态添加script标签,添加到head中比添加到body中安全 3.3 XHR动态脚本注入兼容性好,但不能跨域
csxiaoyao
2019/02/15
1.3K0
【说站】javascript如何动态加载js文件
2、通过xhr方式加载js文件,不过通过这种方式的话,就可能会面临着跨域的问题。
很酷的站长
2022/11/23
7.4K0
【说站】javascript如何动态加载js文件
高性能Javascript--脚本的无阻塞加载策略
Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题。 在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部 。原因是,事实上,大多数浏览器使用单进程处理U
Sb_Coco
2018/05/28
1K0
Web前端-Ajax基础技术(下)
ajax,web程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问。
达达前端
2019/07/03
2.6K0
Web前端-Ajax基础技术(下)
【Web性能】Javascript 代码性能优化条目(一)
初学者,特别是自学的孩子,在学习的过程中常会遇到各种各样的瓶颈,例如:如何写好javascript、要注意什么等等。这篇文章中,总结了过去javascript一些高效的写法,供大家参考。
前端修罗场
2022/07/29
5390
修复 Valine 评论泄漏隐私问题
这个问题在我20年刚开始使用 valine 作为评论的时候就有了,不过当时的作者貌似并没有理会这个问题(原因应该是设计的时候就没有考虑进去这些东西,导致修改的话会更替掉一些东西),评论的隐私信息无非就是ip和邮件,主要还是邮件,一般来说ip默认是关闭的,不过就邮件来说这个东西在评论里只是拿来调用 gravatar 头像和回复邮件提醒用的,我看作者都没所谓我也就没太关注这个,但邮件的确算个人隐私。
2Broear
2024/03/12
1430
修复 Valine 评论泄漏隐私问题
常用js,css文件统一加载方法,并在加载之后调用回调函数
为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护。所以我用js写了以下方法,存放在“sourceController.js”文件内。 /** * Created by MingChen on 2016/11/3. */ function sourceController() { this.root = ""; this.callfunc = null; // 回调函数 this.css = []; thi
就只是小茗
2018/03/07
3.7K0
动态加载js的异步与同步方法
最近新项目需要根据参数切换js的版本,就需要动态加载js,动态加载js涉及到异步加载与同步加载的问题,所以就封装了一下下面两个方法,以供使用。
用户10106350
2022/10/28
5K0
推荐阅读
相关推荐
网站性能优化(三)异步加载脚本
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验