JS判断iframe是否加载完成的方法
更新时间：2016年08月03日 15:07:11 作者：Quber
这篇文章主要介绍了JS判断iframe是否加载完成的方法,提供了2种实现方法,可分别针对IE内核与非IE内核浏览器进行判断与操作,涉及javascript事件操作与判定技巧,需要的朋友可以参考下
本文实例讲述了JS判断iframe是否加载完成的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var iframe = document.createElement("iframe");
iframe.src = "https://www.jb51.net/";
if (isIE) {
iframe.onreadystatechange = function(){
if(iframe.readyState == "loaded" || iframe.readyState == "complete"){
alert("loaded");
}
};
} else {
iframe.onload = function(){
alert("loaded");
};
}
document.body.appendChild(iframe);
</script>
</body>
</html>
或者：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<script type="text/javascript">
var iframe = document.createElement("iframe");
iframe.src = "https://www.jb51.net/";
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("loaded");
});
} else {
iframe.onload = function(){
alert("loaded");
};
}
document.body.appendChild(iframe);
</script>
</body>
</html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作iframe技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
作用域永远都是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。下面给大家介绍Javascript中的作用域及块级作用域，需要的朋友参考下吧2017-12-12
本篇文章给大家分享的js随机生成字母数字组合的字符串，js随机生成动画数字，包括常用的产生随机数的用法，需要的朋友可以参考下2015-09-09
这篇文章主要介绍了javascript html实现网页版日历代码,需要的朋友可以参考下2016-03-03
相信不少同学在面试的时候经常在基础上就挂掉了，当下行情实属严峻，如果我们基础都没有打牢固的话，实属有点面试浪费机会。本文就来和大家聊聊JavaScript中的原型&原型链，希望对大家有所帮助2023-02-02
这篇文章主要为大家详细介绍了javascript中Date对象应用之简易日历实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
本文主要介绍了Webpack之plugin的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
这篇文章主要为大家详细介绍了原生JS实现首页进度加载动画,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
用Javascript 和 CSS 实现脚注（Footnote）效果
脚注（Footnote）是向用户提供更多信息的一个最佳途径，也是主体信息的一个有效补充，常见于各种印刷书籍中。2009-09-09
ArrayBuffer Uint8Array Blob与文本字符相互转换示例
这篇文章主要为大家介绍了ArrayBuffer Uint8Array Blob与文本字符相互转换示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
本文是通过示例详细分析了JS中三目运算符和if else的区别，是篇非常不错的文章，这里推荐给大家。2014-11-11
最新评论