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 相关文章推荐
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
html数组字符串拼接的最快方法
Sep 16 Javascript
jquery配合css简单实现返回顶部效果
Sep 30 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
JS实现同时搜索百度和必应的方法
Jan 27 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
JavaScript基于面向对象实现的猜拳游戏
Jan 03 Javascript
vue中使用cropperjs的方法
Mar 01 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 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 EOT定界符的使用详解
2008/09/30 PHP
GBK的页面输出JSON格式的php函数
2010/02/16 PHP
php生成QRcode实例
2014/09/22 PHP
通过PHP设置BugFree获取邮箱通知
2019/04/25 PHP
屏蔽script注入小例子
2013/11/12 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
js实现一键复制功能
2017/03/16 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
2017/06/28 jQuery
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
Vue.JS项目中5个经典Vuex插件
2017/11/28 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
Python生成随机数的方法
2014/01/14 Python
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
python实现自动发送邮件发送多人、群发、多附件的示例
2018/01/23 Python
python解决字符串倒序输出的问题
2018/06/25 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
Python登录系统界面实现详解
2019/06/25 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
Python 操作 PostgreSQL 数据库示例【连接、增删改查等】
2020/04/21 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
亚洲颇具影响力的男性在线购物零售商:His
2019/11/24 全球购物
金融专业毕业生推荐信
2013/11/26 职场文书
廉洁使者实施方案
2014/03/29 职场文书
2014年教师节座谈会发言稿
2014/09/10 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
刮痧观后感
2015/06/05 职场文书
Jupyter notebook 输出部分显示不全的解决方案
2021/04/24 Python
Python中的嵌套循环详情
2022/03/23 Python