ie下动态加态js文件的方法 _云知道

这里只讨论支持并行下载的浏览情况，大致分为两种，一种是按加向DOM树中加的顺序执行，另一种按下载完成的先后顺序执行；这样如果js文件间有依赖关系的话，且是按下载顺序执行，且在没有缓存的情况下就会报错（通常的情况下第一次执行会报错，http返回状态200，如果缓存未禁用，http状态是304，就不会报错了）
而ie就是按http下载完成的先后顺序执行js代码的，首先看下面的代码：
复制代码代码如下:
!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" xml:lang="zh-CN" lang="zh-CN"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleModel/title
meta http-equiv="Content-language" content="zh-CN" /
/head
body
div id="page"
/div!-- Page end! --
script type="text/javascript"
//![CDATA[
var js = document.createElement(’script’);
js.type = ’text/javascript’;
js.src = https://www.rkxy.com.cn/dnjc/’alert.js’;
if(js.readyState){
js.onreadystatechange = function(){
if (js.readyState == "loaded" || js.readyState == "complete"){
alert(js.readyState);
document.getElementsByTagName(’head’)[0].appendChild(js);
}
};
}else{
document.getElementsByTagName(’head’)[0].appendChild(js);
js.onload = function(){
alert(’loaded not in ie!’);
};
}
//]]
/script
/body
/html

其中动态加载的alert.js文件中内容为：alert(’in alert.js’);
经过测试（ie8），可以发现弹出的内容先后为：loaded、in alert.js、complete
查资料可得ie下向DOM中添加script时有onreadystatechange事件（其它浏览器有onload事件），而事件中js.readyState的状态变化为：loading（下载中）、loaded（下载完成）、complete（代码执行完成）
从代码中可以看出我是在事件中才向DOM中添加创建的scrip结点的……
因此可以得出ie在创建scrip结点并给src赋值时就开始有http下载了，这与其它浏览器完全不同（其它浏览器是要把script结点加到DOM中才会有http下载的），而把scrip结点向DOM树中添加后才开始执行代码。
有了这些结论我们就可以解决ie下并行下载顺序执行的问题了；有两种方案：一种是边下载边顺序执行，另一种是全下载完再顺序执行。
两种各有好处，这里给出后一种情况的代码(loader.js)：
复制代码代码如下:
/*
* Author: JaiHo
*/
(function(window){
var DOMLoader = (function(){
var DOMLoader = function(){
return new DOMLoader.prototype.init();
};
DOMLoader.prototype = {
jsList:[], js_all:0, loaded_js:0,
head:document.getElementsByTagName(’head’)[0],
init:function(){ },
create_node:function(src){
var js = document.createElement(’script’);
js.type = ’text/javascript’;
this.bindWait(js);
this.jsList[this.jsList.length] = js;
js.src = https://www.rkxy.com.cn/dnjc/src;
},
loadJS:function(list){
len = list.length;
for(var i=0; ilen; i){
if( i==len-1 )
this.js_all = len;
this.create_node(list[i]);
}
return this;
},
bindWait:function(js){
if(arguments.callee.caller!==this.create_node) return;
var that = this;
if(js.readyState){
js.onreadystatechange = function(){
if( js.readyState == ’loaded’ ){
that.loaded_js;
if( that.js_all == that.loaded_js ){
that.head.appendChild( that.jsList.shift() );
}
}
if ( js.readyState == "complete" ){
js.onreadystatechange = null;
if( that.jsList.length ){
that.head.appendChild( that.jsList.shift() );
}
}
};
}else{
js.onload = function(){
alert(’not in ie!’);
};
}
return this;
}
};
DOMLoader.prototype.init.prototype = DOMLoader.prototype;
return window.DOMLoader = DOMLoader;

ie下动态加态js文件的方法

推荐阅读

这山望着那山高对应的成语是什么这山望着那山高

中国四大国礼

李佳琦直播预告清单1.6 李佳琦直播预告1.6

六叶草的稀有程度，六叶草稀有吗

吨吨吨什么意思

天津生态城人才引进补贴一览

台式电脑连网用无线网卡好，还是网线好台式电脑怎么连接自家网络

三文鱼为什么要生吃不能水煮一下吗

干杏鲍菇要泡多少时间干杏鲍菇怎么泡

我的侠客张三峰怎么样我的侠客张三峰人物介绍

oppo降噪耳机encox oppo降噪耳机

九阴真经唐门3内，九阴真经无门派只学了一套武学入势力之后还能学第二套吗搜

人不吃不喝最多能活多少天一个人不吃不喝最多能活几天

我来教你CAD输入坐标设置方法。

仙人球的画法教程及简笔画

和爸爸买菜500字作文