检测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 相关文章推荐
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
js类的静态属性和实例属性的理解
Oct 01 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
比较新旧两个数组值得增加和删除的JS代码
Oct 30 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
JavaScript数组方法总结分析
May 06 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
JavaScript之面向对象_动力节点Java学院整理
Jun 29 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
vue使用localStorage持久性存储实现评论列表
Apr 14 Vue.js
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
openflashchart 2.0 简单案例php版
2012/05/21 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
PHP常量DIRECTORY_SEPARATOR原理及用法解析
2020/11/10 PHP
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
IE8 中使用加速器(Activities)
2010/05/14 Javascript
玩转方法:call和apply
2014/05/08 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
2015/07/27 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
Jquery时间轴特效(三种不同类型)
2015/11/02 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
2019/01/14 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
vue实现评论列表功能
2019/10/25 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
Python中Collection的使用小技巧
2014/08/18 Python
python登陆asp网站页面的实现代码
2015/01/14 Python
Python中线程编程之threading模块的使用详解
2015/06/23 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
Win10下python3.5和python2.7环境变量配置教程
2018/09/18 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
python找出列表中大于某个阈值的数据段示例
2019/11/24 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
pandas数据拼接的实现示例
2020/04/16 Python
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
太太口服液广告词
2014/03/20 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
2015年消防工作总结
2015/04/24 职场文书