检测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 相关文章推荐
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
Javascript中自动切换焦点实现代码
Dec 15 Javascript
jQuery之ajax技术的详细介绍
Jun 19 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
Dec 20 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
bootstrap table分页模板和获取表中的ID方法
Jan 10 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
Feb 09 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
Aug 01 Javascript
js实现图片实时时钟
Jan 15 Javascript
用JS写一个发布订阅模式
Nov 07 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
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
使用php判断网页是否gzip压缩
2013/06/25 PHP
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
浅谈移动端之js touch事件 手势滑动事件
2016/11/07 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
javascript canvas API内容整理
2020/02/16 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
python实现获取Ip归属地等信息
2016/08/27 Python
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
python连接PostgreSQL数据库的过程详解
2019/09/18 Python
python plt可视化——打印特殊符号和制作图例代码
2020/04/17 Python
python 比较字典value的最大值的几种方法
2020/04/17 Python
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
Qoo10马来西亚:全球时尚和引领潮流的购物市场
2016/08/25 全球购物
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
全球采购的街头服饰和帽子:Urban Excess
2020/10/28 全球购物
String是最基本的数据类型吗?
2013/06/13 面试题
心理健康教育制度
2014/01/27 职场文书
学校安全责任书范本
2014/07/23 职场文书
保密工作目标责任书
2014/07/28 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
校车安全管理责任书
2015/05/11 职场文书
法定代表人资格证明书
2015/06/18 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
SQL Server中搜索特定的对象
2022/05/25 SQL Server