检测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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
Mar 06 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
JQuery中ajax方法访问web服务实例
Jul 18 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
JavaScript实现无刷新上传预览图片功能
Aug 02 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 Javascript
详解node.js 事件循环
Jul 22 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
Dec 10 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
php自动加载的两种实现方法
2010/06/21 PHP
php实现读取内存顺序号
2015/03/29 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
thinkPHP模板算术运算相关函数用法分析
2016/07/12 PHP
利用PHP获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
2019/09/20 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
vue fetch中的.then()的正确使用方法
2020/04/17 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
python爬虫基本知识
2018/03/05 Python
python素数筛选法浅析
2018/03/19 Python
django Serializer序列化使用方法详解
2018/10/16 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
个人素质的自我评价分享
2013/12/16 职场文书
学校消防演习方案
2014/02/19 职场文书
导航工程专业自荐信
2014/09/02 职场文书
化验室岗位职责
2015/02/14 职场文书
庆元旦主持词
2015/07/06 职场文书