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


Posted in Javascript onAugust 03, 2016

本文实例讲述了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://3water.com/";
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://3water.com/";
if (iframe.attachEvent){
  iframe.attachEvent("onload", function(){
    alert("loaded");
  });
} else {
  iframe.onload = function(){
    alert("loaded");
  };
}
document.body.appendChild(iframe);
</script>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
推荐:极酷右键菜单
Nov 29 Javascript
JS array 数组详解
Mar 22 Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
Jquery使用val方法读写value值
May 18 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
详解 vue.js用法和特性
Oct 15 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
使用vue-router在Vue页面之间传递数据的方法
Jul 15 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
Nov 16 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 #Javascript
Highcharts学习之数据列
Aug 03 #Javascript
JavaScript中日期函数的相关操作知识
Aug 03 #Javascript
JS实现的表格行上下移动操作示例
Aug 03 #Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 #Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 #Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 #Javascript
You might like
用PHP即时捕捉PHP中的错误并发送email通知的实现代码
2013/01/19 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
php支付宝手机网页支付类实例
2015/03/04 PHP
yii权限控制的方法(三种方法)
2015/12/28 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
javascript元素动态创建实现方法
2015/05/13 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
CSS或者JS实现鼠标悬停显示另一元素
2016/01/22 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
一次记住JavaScript的6个正则表达式方法
2018/02/22 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
Vue双向绑定实现原理与方法详解
2020/05/07 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
[00:08]DOTA2勇士令状等级奖励“天外飞星”
2019/05/24 DOTA
浅谈MySQL中的触发器
2015/05/05 Python
Python模拟登录的多种方法(四种)
2018/06/01 Python
python交互界面的退出方法
2019/02/16 Python
pandas实现DataFrame显示最大行列,不省略显示实例
2019/12/26 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
服装机修工岗位职责
2013/12/26 职场文书
工作室成员个人发展规划范文
2014/01/24 职场文书
称象教学反思
2014/02/03 职场文书
高中历史教学反思
2014/02/08 职场文书
关于环保的标语
2014/06/13 职场文书
小学安全教育主题班会
2015/08/12 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书