导航:首页 > 编程语言 > js判断是否引用jquery

js判断是否引用jquery

发布时间:2022-09-20 05:29:06

『壹』 如何检查引入的js是否被使用

angularjs
里涉及到对dom对象操作的时候默认使用jqlite,如果你引入了jquery库的话同样的操作就自动换成了使用jquery,毕竟jqlite的api算是jquery的子集。

『贰』 seaJS怎么根据IE判断使用jquery版本

jQuery插件本质上是将命名空间挂在全局的jQuery或jQuery.fn上而非使用define定义的模块。
JQuery的这种扩展机制同模块化要求模块的独立性,以及模块互相隔离有点冲突。
jQuery插件数目众多,我们不打算做大量的转换工作,为模块化而模块化,甚至改变插件的调用方式,
这样对开发带来的价值不大。只希望通过模块加载器实现自动的依赖管理,按需加载,并且使用方式自然。
1.常见的jQuery插件的模块化方式
把jquery插件作为一个函数返回,带一个jquery参数,由调用者完成插件的初始化。
以jquery-themeswitch插件为例子,该插件依赖jquery.cookie插件。
/* jquery-themeswitch.js */

define(function(require) {

return function(jQuery) {

//先初始化依赖的模块
require('./jquery.cookie')(jQuery);

//put plugin code here

}//end of function

});

2.jquery模块化后调用方式
下面的demo对模块的引用采用相对路径,实际的业务开发中可以通过seajs提供的alias来重命名
(1)模块内部使用
var $ = require('./libs/jquery');
require('./libs/jquery-themeswitch')($);
require('./libs/jquery-ui')($); //demo涉及jquery ui组件

$(document).ready(function(){ //在DOM加载完成时运行代码

$('#elem').themeswitcher();
...

}
...

(2)在script代码片段中
seajs.use(['./libs/jquery','./libs/jquery-themeswitcher', './lib/jquery-ui'],
function ($, themeswitcher,jqueryui){

themeswitcher($); //init jquery plugin
jqueryui($);

$(function(){ //dom ready调用的另外一种方式

$('#elem').themeswitcher()
...

});

});

优缺点对比:
优点:
* 依赖管理自动化
* 支持多个版本的jQuery使用。(需要这个优点吗?)
缺点:
* 每次调用一次require('plugin')($),会重新初始化一次插件
* 调用方式也不是很方便,调用代码不是很直观
提示:可以在jQuery中添加一个cachedPlugins对象来保存加载过的插件模块id来防止重复加载
3.另外一种插件模块化方式
假定我们去掉jquery多版本的支持,让每个jquery插件模块返回$,看看代码调用方式是否会更自然一些。
另外每个模块只能被编译一次,利用该特性,我们还可以做到让每个插件只会被初始化一次。
说明:模块编译过程就是构建模块的exports的过程。
还以themeswitcher为例子:
jquery-theme-switcher.js
define(function (require, exports, mole) {

var jQuery = require('./jquery');

require('./jquery-cookie');

//put plugin in code here

return jQuery;

});

(1)模块内部使用
require('./libs/jquery-ui'); //可以不处理返回值
var $ = require('./libs/jquery-themeswitch') //返回的还是$

$(function(){

$('#elem').themeswitcher();

});

...

(2)在script代码片段中
seajs.use(['./libs/jquery-themeswitcher', './lib/jquery-ui'],function ($){

$(function(){

$('#elem').themeswitcher()
...

});

});

4.简化jquery插件的引用
如果你使用的插件比较多,还可以通过这样的方式来简化jquery插件的引用。
定义一个myjquery.js
define(function(require) {

require('some-plugin1'); //会自动加载相关的依赖插件
require('some-plugin2'); //如果记不清依赖关系,重复require也没有影响。
require('some-plugin3');

return require('some-plugin'); //每个插件模块都会返回$,取最后一个返回就可以了。

});

在其他的业务代码中,你只需要引入自己定制好的myjquery.js即可。
注意不要在该文件中引入过多的模块,避免影响性能,其他不常用的插件可以按需加载。
main.js
define(function(require) {

var $ = require('./myjquery'); //所有你定制加载的插件都已经初始化好了

//do something

『叁』 JS判断是否有js,css文件的引入方法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a{width: 50px; overflow: hidden; display: block; text-overflow:ellipsis;}
</style>
<link rel="stylesheet" href="css.css">
<script src="jquery.js"></script>
</head>
<body>
<ul style="white-space: nowrap;">
<li><a href="链接"></a></li>
<li><a href="链接"></a></li>
<li><a href="链接"></a></li>
</ul>
<script>
var oStyle=document.getElementsByTagName("link");
var oScript=document.getElementsByTagName("script");
if(oStyle.length<1){
alert("没有引入CSS文件!");
}else{
alert("引入了"+oStyle.length+"个CSS文件!");
}
if(oScript.length<1){
alert("没有引入JS文件!");
}else{
alert("引入了"+oScript.length+"个JS文件!");
}
</script>
</body>
</html>

『肆』 如何判断当前页面是否已经引用了Jquery.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>!window.jQuery && document.write("<script src=\"jquery.js\">"+"</scr"+"ipt>");</script>

『伍』 如何在js文件中使用jquery

下面再附上网上的一些方法:
1、直接document.write<script language="javascript"> document.write("<script src='test.js'><\/script>");</script>
2、动态改变已有script的src属性<script src='' id="s1"></script><script language="javascript"> s1.src="test.js"</script>
3、动态创建script元素<script> var oHead = document.getElementsByTagName('HEAD').item(0); var oScript= document.createElement("script"); oScript.type = "text/javascript"; oScript.src="test.js"; oHead.appendChild( oScript);</script> 其实版原理权就是利用dom动态的引入一个js到文件中来,就能和原有的js通信了。

『陆』 在做项目时,前台的技术 怎么判断用js还是jquery

目前还是jq比较多吧,有很多功能网上都有现成的,你自己写也就那样,不见得会比别人好。
用jq会多加载一个jq的引用文件,用到脚本的地方少而且功能也不复杂的话,可以考虑使用js,可以稍微缩短网页的加载时间。功能复杂效果又多的时候,还是用jq比较方便。

『柒』 请问如何判断页面是用html5还是jquery写的

看html里面有没html5才支持的一些标签。

网页都是html做的,有的网页用了jquery,有的没用,不存在仅仅用jquery做的网页。看有否jquery,查看网页源文件里面有没引用jquery的js文件地址即可。

『捌』 jquery和js如何判断一个对象是否存在

一,jquery如何判断var
target_obj
=
jQuery('#target_obj_id');则,若需要判断id为target_obj_id是否存在的话,可以实现的方法有一下两种:1、
if
(target_obj.length
>
0)
{
//如果大于0
标识
id
为target_obj_id的对象存在,否则不存在
//对象存在的处理逻辑
}
else
{
//对象不存在的处理逻辑
}2、
if
(target_obj[0])
{
//对象存在的处理逻辑
}
else
{
//对象不存在的处理逻辑
}
二、js如何判断

『玖』 如何判断页面是否已经引用了JQUERY

判断 页面是否引用了jquery,可以参考如下代码:

<scripttype='text/javascript'>
functionloadScript(url){
varscript=document.createElement("script");
script.type="text/javascript";
script.src=url;
document.body.appendChild(script);
}
for(variinwindow){
if(!$)loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js")
}
</script>

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

.....
猜测一下你的意思...局部刷新.之后,要去执行另一个脚本..
刷新的局部里面你可以返回一个脚本的.
如.
你刷新这个里面的之后.把那个返回值里加入脚本.
<script>dosometing..</script>
...
放到这里.这个div里.

阅读全文

与js判断是否引用jquery相关的资料

热点内容
如何提高网络扶贫的效果 浏览:654
飞车软件文件夹叫什么 浏览:242
刷ec用什么编程器 浏览:765
方菱数控u盘文件格式 浏览:260
编程为什么输出两个变量 浏览:490
卫星大锅2017用升级吗 浏览:113
玉米win10系统下载 浏览:134
fgo技能升级减cd吗 浏览:129
什么记账app免费好用 浏览:441
网络检测可以检测到什么 浏览:504
sip协议教程 浏览:832
编程哪里可以接项目 浏览:119
孤岛惊魂win10 浏览:246
网络HRV是什么意思 浏览:918
word框中打勾 浏览:577
tcl笔试题java 浏览:467
win10怎么登录安全模式 浏览:679
除了archdaily还有什么网站 浏览:567
数控下料圆形怎么编程 浏览:785
安装游戏在文件管理找不到怎么办 浏览:216

友情链接