软件开发培训班 >> 编程开发 >> JavaScript


js 判断脚本加载完毕的代码

　　本文标签：脚本加载,完毕

复制代码 代码如下:

if(this.isIE) {
js.onreadystatechange=function(){if(js.readyState=="loaded" || js.readyState=="complete") callback();}
}else{js.onload=function(){callback();}}
js.onerror=function(){alert(Not Found (404): +src)}//chrome


JS判断脚本是否加载完成

在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？
我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持 。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、complete），当返回状态为 loaded 或 complete 时，则表示加载完成，返回回调函数 。
对于 readyState 状态需要一个补充说明：
在 interactive 状态下，用户可以参与互动 。
Opera 其实也支持 js.onreadystatechange，但他的状态和 IE 的有很大差别 。
具体实现代码如下：
复制代码 代码如下:

function include_js(file) {
var _doc = document.getElementsByTagName(head)[0];
var js = document.createElement(script);
js.setAttribute(type, text/javascript);
js.setAttribute(src, file);
_doc.appendChild(js);
if (!/*@cc_on!@*/0) { //if not IE
//Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload
js.onload = function () {
alert(Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload);
}
} else {
//IE6、IE7 support js.onreadystatechange
js.onreadystatechange = function () {
if (js.readyState == loaded || js.readyState == complete) {
alert(IE6、IE7 support js.onreadystatechange);
}
}
}
return false;
}
//execution function
include_js(http://www.jb51.net/jslib//jquery/jquery.js);