如何通过JS判断iframe是否加载完成

程序员文章站 2022-05-01 20:58:31

...

这篇文章主要介绍了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 = "//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 = "//www.php.cn/";
if (iframe.attachEvent){
  iframe.attachEvent("onload", function(){
    alert("loaded");
  });
} else {
  iframe.onload = function(){
    alert("loaded");
  };
}
document.body.appendChild(iframe);
</script>
</body>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

如何通过JS判断iframe是否加载完成

js如何判断是否在iframe中及防止网页被别站用iframe嵌套

JS实现判断图片是否加载完成的方法分析

js如何判断是否在iframe中及防止网页被别站用iframe嵌套

判断iframe是否加载完成的完美方法_javascript技巧

判断 iframe 是否加载完成的完美方法

[转]js或者jquery判断图片是否加载完成实现代码

js或者jquery判断图片是否加载完成实现代码_javascript技巧

js检测iframe是否加载完成的方法_javascript技巧

关于JS判断图片是否加载完成且获取图片宽度的方法_javascript技巧

关于JS判断图片是否加载完成且获取图片宽度的方法_javascript技巧