javascript 判断脚本加载请求是否健康

最新推荐文章于 2025-11-28 04:56:28 发布

最新推荐文章于 2025-11-28 04:56:28 发布 · 99 阅读

文章标签：

#javascript #ViewUI

本文介绍了如何通过ScriptOnload方法监听脚本的onload事件来判断脚本加载是否成功，并提供了针对不同浏览器的兼容处理方式。此外，还探讨了如何利用该方法检查iframe的加载状态。

Script Onload方法通过监听脚本的onload事件来判断脚本加载是否健康（即判断脚本是否加载成功），如下：

var domscript = document.createScript('script');
domscript.src = 'menu.js';
domscript.onloadDone = false;
domscript.onload = function() {
    // 加载成功
    domscript.onloadDone = true;
};

domscript.onreadystatechange = function() {
    if((domscript.readyState === 'loaded' || domscript.readyState === 'complete')
 && !domscript.onloadDone) {
        domscript.onloadDone = true;
    }
};
document.getElementsByTagName('head')[0].appendChild(domscript);

注：onreadystatechange在IE中有效，onload在其它浏览器中有效；而Opera比较特殊，两者都有有效，所以程序中绑定onreadystatechange事件时需要做下标记判断来处理。

该方法也可用于判断iframe加载是否健康，请见http://blog.youkuaiyun.com/bill200711022/article/details/7921086