我有一个包含 iframe 的小部件。用户可以配置此 iframe 的 url,但如果无法加载该 url(它不存在或用户无法访问互联网),则 iframe 应该故障转移到默认的离线页面。
问题是,如何检测iframe是否可以加载?我尝试订阅“load”事件,如果该事件在一段时间后没有触发,那么我会进行故障转移,但这仅适用于 Firefox,因为 IE 和 Chrome 会在“找不到页面”时触发“load”事件显示。
我通过谷歌找到了以下链接:http://wordpressapi.com/2010/01/28/check-iframes-loaded-completely-browser/
不知道是否能解决“找不到页面”的问题。
<script type="javascript">
var iframe = document.createElement("iframe");
iframe.src = "http://www.your_iframe.com/";
if (navigator.userAgent.indexOf("MSIE") > -1 && !window.opera) {
iframe.onreadystatechange = function(){
if (iframe.readyState == "complete"){
alert("Iframe is now loaded.");
}
};
} else {
iframe.onload = function(){
alert("Iframe is now loaded.");
};
}
</script>
我自己没有尝试过,所以不知道是否有效。祝你好运!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)