当前位置: 澳门新濠3559 > 服务器运维 > 正文

jQuery还未加载 &gt,一定要先导入jquery-1.3.2.min.j

时间:2019-11-29 04:05来源:服务器运维
在页面上导入js 复制代码代码如下:jquery-1.3.2.min.jsjquery.tablednd_0_5.js注意:一定要先导入jquery-1.3.2.min.js否则出错。 ·建table 复制代码 代码如下: 今天做项目,发现一个奇怪的问题,动态创

在页面上导入js 复制代码 代码如下:jquery-1.3.2.min.jsjquery.tablednd_0_5.js注意:一定要先导入jquery-1.3.2.min.js 否则出错。·建table复制代码 代码如下:

今天做项目,发现一个奇怪的问题,动态创建的script标签在IE8下无法触发onload事件。

·ok。·例子复制代码 代码如下:

代码如下:复制代码 代码如下:var loadJs = function{ var script = null; script = document.createElement; script.type = "text/javascript"; script.src = src; if(typeof fun === "function"){ script.onload = fun; } document.getElementsByTagName[0].appendChild; }; loadJs("js/jquery-1.11.0.min.js", function(){ console.log; loadJs{ console.log;test.js:console.log;运行结果:复制代码 代码如下:undefined // test.js运行时,jQuery还未加载 >> typeof jQuery // 从控制台上运行,却找到了jQuery对象,证明加载顺序问题 "function"并且以上代码中script.onload并没有执行,明明代码已经加载进来了,为什么还是onload不执行呢?到网上一查发现众多前端开发人员都遇到这个棘手的问题,于是找到了一些替补方案,如下:复制代码 代码如下:var loadJs = function{ var script = null; script = document.createElement; script.type = "text/javascript"; script.src = src; if(typeof fun === "function"){ script.onreadystatechange = function() { var r = script.readyState; console.log; if (r === 'loaded' || r === 'complete') { script.onreadystatechange = null; fun(); } }; } document.getElementsByTagName[0].appendChild; };执行结果:复制代码 代码如下:undefined js/jquery-1.11.0.min.js: loading test.js: complete From test.js js/jquery-1.11.0.min.js: loaded From jQuery执行步骤为,这下类似于onload的功能算然算是找到了,但却有一个问题,它不是按顺序加载的,当jQuery文件loading的时候,test.js已经complete了,并且第一行就先执行了test.js的内容。因为test.js先于jQuery执行,所以才打出undefined。于是我们可以改写成这样,让它线性加载:复制代码 代码如下:loadJs("js/jquery-1.11.0.min.js", function(){ console.log; loadJs{ console.log; });执行结果:复制代码 代码如下:js/jquery-1.11.0.min.js: loading js/jquery-1.11.0.min.js: loaded From jQuery function test.js: complete From test.js这次,执行的顺序完全是按照我们预订的顺序来了,但以上代码看着很别扭,需要层层嵌套,于是又发现了这种写法:复制代码 代码如下:var loadJs = function{ var script = null; script = document.createElement; script.type = "text/javascript"; script.src = src; if(typeof fun === "function"){ script.onreadystatechange = function() { var r = script.readyState; console.log; if (r === 'loaded' || r === 'complete') { script.onreadystatechange = null; fun(); } }; } document.write; //document.getElementsByTagName[0].appendChild; }; loadJs("js/jquery-1.11.0.min.js", function(){ console.log; loadJs{ console.log;执行结果的顺序,也不相同:复制代码 代码如下:function js/jquery-1.11.0.min.js: loaded From jQuery test.js: loaded From test.js如果你改变一下加载顺序复制代码 代码如下:loadJs{ console.log; loadJs("js/jquery-1.11.0.min.js", function(){ console.log;执行结果也就不一样,类似顺序加载:复制代码 代码如下:undefined test.js: loaded From test.js js/jquery-1.11.0.min.js: loaded From jQuery

1 One some text
2 Two some text
3 Three some text
4 Four some text
5 Five some text
6 Six some text

本文实例讲述了IE8中动态创建script标签onload无效的解决方法。分享给大家供大家参考。具体分析如下:

·插入js代码复制代码 代码如下:

希望本文所述对大家的javascript程序设计有所帮助。

1 One some text
2 Two some text
3 Three some text
4 Four some text
5 Five some text
6 Six some text

编辑:服务器运维 本文来源:jQuery还未加载 &gt,一定要先导入jquery-1.3.2.min.j

关键词: