检测jQuery.js是否已加载的判断代码


Posted in Javascript onMay 20, 2011

当然,该方法不局限于jQuery的检测,对与任何Javascript变量或函数都是通用的。

当前网页加载jQuery后,jQuery()或$()函数将会被定义,所以检测jQuery是否已经加载存在以下2种方法:

方法1:

if (jQuery) { 
// jQuery 已加载 
} else { 
// jQuery 未加载 
}

方法2:

if (typeof jQuery == 'undefined') { 
// jQuery 未加载 
} else { 
// jQuery 已加载 
}

备注:
以上我们通过检测jQuery函数是否已定义,这是一个比较安全可靠的方法,因为当你加载jQuery.js后,可能会再加载prototype.js或mootools.js等,其中可能会重定义$()函数, 检测$()函数是否存在将会不准确。

平时我们加载jquery,如果带宽与速度不是很好的情况可以考虑引用第三方的jquery

<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
  if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
  }
</script>

或者

<script src="http://lib.sinaapp.com/js/jquery11/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"))</script>

一个是百度的,一个是新浪的,不建议使用google,微软等国外的,容易被强国内访问不如国内的快。

Javascript 相关文章推荐
JQuery 学习笔记 选择器之六
Jul 23 Javascript
读jQuery之十二 删除事件核心方法
Jul 31 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
AngularJS 作用域详解及示例代码
Aug 17 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 Javascript
vue实现信息管理系统
May 30 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
微信小程序实现左滑删除效果
Nov 18 Javascript
JQuery datepicker 使用方法
May 20 #Javascript
Jquery中Ajax 缓存带来的影响的解决方法
May 19 #Javascript
jQuery对表单元素的取值和赋值操作代码
May 19 #Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 #Javascript
jquery构造器的实现代码小结
May 16 #Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 #Javascript
模仿百度三维地图的js数据分享
May 12 #Javascript
You might like
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
Yii调试查看执行SQL语句的方法
2016/07/15 PHP
JS 面向对象的5钟写法
2009/07/31 Javascript
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
2010/03/23 Javascript
克隆javascript对象的三个方法小结
2011/01/12 Javascript
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
自己写了一个展开和收起的多更能型的js效果
2013/03/05 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
2013/05/19 Javascript
js函数获取html中className所在的内容并去除标签
2013/09/08 Javascript
javascript模拟订火车票和退票示例
2014/04/24 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
使用jquery datatable和bootsrap创建表格实例代码
2017/03/17 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
js如何找出字符串中的最长回文串
2018/06/04 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
python笔记(2)
2012/10/24 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
学生信息管理系统python版
2018/10/17 Python
python tkinter组件使用详解
2019/09/16 Python
Python如何将字符串转换为日期
2020/07/31 Python
HTML5学习笔记之History API
2015/02/26 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
成人高等教育毕业生自我鉴定
2013/10/22 职场文书
四年的大学生生活自我评价
2013/12/09 职场文书
秋游活动策划方案
2014/02/16 职场文书
幼儿园评语大全
2014/04/17 职场文书
昆虫记读书笔记
2015/06/26 职场文书
Python基础知识学习之类的继承
2021/05/31 Python
总结Pyinstaller打包的高级用法
2021/06/28 Python
Vue全局事件总线你了解吗
2022/02/24 Vue.js