首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么判断页面是否已经引用了JQUERY

2013-06-26 
如何判断页面是否已经引用了JQUERY?求段代码.如何判断页面是否已经引用了Jquery.如果没有,引用当前Jquery,

如何判断页面是否已经引用了JQUERY?
求段代码.
如何判断页面是否已经引用了Jquery.如果没有,引用当前Jquery,如果有,不引用...
[解决办法]

<script>!window.jQuery && document.write("<script src="jquery.js">"+"</scr"+"ipt>");</script>

百度的,自己测试下
[解决办法]
直接两个都放上不就over了,它爱引用哪个引用哪个,不是很理解你的需求
[解决办法]
动态加载js节点:
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="/js/jquery.js";
    document.body.appendChlid(scr);
}
[解决办法]
appendChild
[解决办法]
引用:
Quote: 引用:

动态加载js节点:
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="/js/jquery.js";
    document.body.appendChlid(scr);
}


引用:
appendChild




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";
    document.body.appendChlid(scr);

</script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
<p>xxxxxxxxxxxxxxxxxxxxx</p>
</body>
</html>

不能跑.

你这个原因是代码执行时文件未加载完
<script type="text/javascript">
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";
    document.body.appendChild(scr);

scr.onload=function(){
  alert($);
}
</script>
------解决方案--------------------


引用:
Quote: 引用:

Quote: 引用:

Quote: 引用:

动态加载js节点:
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="/js/jquery.js";
    document.body.appendChlid(scr);
}


引用:
appendChild




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";
    document.body.appendChlid(scr);

</script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
<p>xxxxxxxxxxxxxxxxxxxxx</p>
</body>
</html>

不能跑.

你这个原因是代码执行时文件未加载完
<script type="text/javascript">
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";
    document.body.appendChild(scr);

scr.onload=function(){
  alert($);
}
</script>



是我不会使用?还是测试有问题啊?

我先


<script type="text/javascript">
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";
    document.body.appendChild(scr);
}
</script> 

去掉这个jquery 效果就能跑.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
去掉就不能跑了...

原因已经给你说了,因为节点添加后js文件还需要一点时间才能加载到,你立即调用当然不行

<script type="text/javascript">
if(!$ && !jQuery) {
    var scr = document.createElement('script');
    scr.type="text/javascript";
    scr.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";
    document.body.appendChild(scr);
    scr.onload=function(){
      fun();
    }
} else {
   fun();
}

function fun(){


  $("p").click(function(){
    $(this).hide();
  });
}
</script>
[解决办法]

引用:
直接两个都放上不就over了,它爱引用哪个引用哪个,不是很理解你的需求

不行的。譬如
《script src=jquery.js>
jQuery.a=99;
《script src=jquery.js>
alert(jQuery.a)--undefined.
[解决办法]
你直接<script></script>在src里面引用。在写一个方法调用jquery里的方法,看可以使用不?

热点排行