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


判断脚本加载是否完成的方法

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

我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持 。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、complete），当返回状态为 loaded 或 complete 时，则表示加载完成，返回回调函数 。

对于 readyState 状态需要一个补充说明：
1.在 interactive 状态下，用户可以参与互动 。
2.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://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js);