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 相关文章推荐
理解JavaScript中的事件
Sep 23 Javascript
newxtree.js代码
Mar 13 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
json字符串之间的相互转换示例代码
Aug 21 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
再次谈论Javascript中的this
Jun 23 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
Javascript的this用法
Jan 16 Javascript
Vue-resource实现ajax请求和跨域请求示例
Feb 23 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
vue如何集成raphael.js中国地图的方法示例
Aug 15 Javascript
Element Rate 评分的使用方法
Jul 27 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数组相关函数的使用
2013/04/26 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
javascript获取select标签选中的值
2016/06/04 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
2019/04/30 Javascript
vue-cli3+typescript新建一个项目的思路分析
2019/08/06 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
深入理解Javascript中的this关键字
2015/03/27 Python
python中判断文件编码的chardet(实例讲解)
2017/12/21 Python
python爬虫爬取淘宝商品信息
2018/02/23 Python
GDAL 矢量属性数据修改方式(python)
2020/03/10 Python
通过Python实现Payload分离免杀过程详解
2020/07/13 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
日本著名化妆品零售网站:Cosme Land
2019/03/01 全球购物
泰国健康和美容服务预订网站:GoWabi
2019/06/03 全球购物
瑞士图书网站:Weltbild.ch
2019/09/17 全球购物
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
remote接口和home接口主要作用
2013/05/15 面试题
函授自我鉴定
2013/11/06 职场文书
入党转预备思想汇报
2014/01/07 职场文书
领导检查欢迎词
2014/01/14 职场文书
文科教师毕业的自我评价
2014/01/16 职场文书
文明班级建设方案
2014/05/15 职场文书
委托书格式
2014/08/01 职场文书
大学生国家助学金感谢信
2015/01/23 职场文书
社区法制宣传月活动总结
2015/05/07 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
用Java实现简单计算器功能
2021/07/21 Java/Android
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android