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实现的仿Flash广告图片轮换效果
Apr 24 Javascript
javascript实现轮显新闻标题链接
Aug 13 Javascript
javascript 词法作用域和闭包分析说明
Aug 12 Javascript
网页打开自动最大化的js代码
Aug 22 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
jQuery 选择器详解
Jan 19 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
JavaScript代码实现左右上下自动晃动自动移动
Apr 08 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
浅谈js常用内置方法和对象
Sep 24 Javascript
JScript实现地址选择功能
Aug 15 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 29 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
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
PHP zip扩展Linux下安装过程分享
2014/05/05 PHP
跨浏览器PHP下载文件名中的中文乱码问题解决方法
2015/03/05 PHP
thinkPHP通用控制器实现方法示例
2017/11/23 PHP
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
javascript Array.prototype.slice使用说明
2010/10/11 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
2011/01/23 Javascript
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
javascript移动设备Web开发中对touch事件的封装实例
2014/06/05 Javascript
DOM操作一些常用的属性汇总
2015/03/13 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
python继承和抽象类的实现方法
2015/01/14 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
如何更改 pandas dataframe 中两列的位置
2019/12/27 Python
python实现按键精灵找色点击功能教程,使用pywin32和Pillow库
2020/06/04 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
10行Python代码实现Web自动化管控的示例代码
2020/08/14 Python
GANT葡萄牙官方商店:拥有美国运动服传统的生活方式品牌
2018/10/18 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
测控技术与通信工程毕业生自荐信范文
2013/12/28 职场文书
妇联领导班子剖析材料
2014/08/21 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
努力学习保证书
2015/02/26 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书