大佬教程收集整理的这篇文章主要介绍了IE8中动态创建script标签onload无效的解决方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
本文实例讲述了IE8中动态创建script标签onload无效的解决方法。分享给大家供大家参考。具体分析如下：
今天做项目，发现一个奇怪的问题，动态创建的script标签在IE8下无法触发onload事件。
代码如下：
document.getElementsByTagName("head")[0].appendChild(script);
};
loadJs("js/jquery-1.11.0.min.js",function(){
console.log("From jQuery");
});
loadJs("test.js",function(){
console.log("From test.js");
});
test.js：
console.log(typeof jQuery);
document.getElementsByTagName("head")[0].appendChild(script);
};
console.log("From jQuery");
loadJs("test.js",function(){
console.log("From test.js");
});
});
执行结果：
<div class="codetitle"><a style="cursOR: pointer" data="73648" class="copybut" id="copybut73648" onclick="doCopy('code73648')"> 代码如下:<div class="codebody" id="code73648">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
这次，执行的顺序完全是按照我们预订的顺序来了，但以上代码看着很别扭，需要层层嵌套，于是又发现了这种写法：
<div class="codetitle"><a style="cursOR: pointer" data="351" class="copybut" id="copybut351" onclick="doCopy('code351')"> 代码如下:<div class="codebody" id="code351">var loadJs = function(src,fun){
var script = null;
script = document.createElement("script");
script.type = "text/javascript";
script.src = src;
if(typeof fun === "function"){
script.onreadystatechange = function() {
var r = script.readyState;
console.log(src + ": " + r);
if (r === 'loaded' || r === 'complete') {
script.onreadystatechange = null;
fun();
}
};
}
document.write(script.outerHTML);
//document.getElementsByTagName("head")[0].appendChild(script);
};
loadJs("js/jquery-1.11.0.min.js",function(){
console.log("From test.js");
});
执行结果的顺序，也不相同：
<div class="codetitle"><a style="cursOR: pointer" data="20241" class="copybut" id="copybut20241" onclick="doCopy('code20241')"> 代码如下:<div class="codebody" id="code20241">function
js/jquery-1.11.0.min.js: loaded
From jQuery
test.js: loaded
From test.js
如果你改变一下加载顺序
<div class="codetitle"><a style="cursOR: pointer" data="87129" class="copybut" id="copybut87129" onclick="doCopy('code87129')"> 代码如下:<div class="codebody" id="code87129">loadJs("test.js",function(){
console.log("From test.js");
});
loadJs("js/jquery-1.11.0.min.js",function(){
console.log("From jQuery");
});
执行结果也就不一样，类似顺序加载：
<div class="codetitle"><a style="cursOR: pointer" data="86466" class="copybut" id="copybut86466" onclick="doCopy('code86466')"> 代码如下:<div class="codebody" id="code86466">undefined
test.js: loaded
From test.js
js/jquery-1.11.0.min.js: loaded
From jQuery
希望本文所述对大家的javascript程序设计有所帮助。
以上是大佬教程为你收集整理的IE8中动态创建script标签onload无效的解决方法全部内容，希望文章能够帮你解决IE8中动态创建script标签onload无效的解决方法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。