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等比例缩放图片控制超出范围的图片
Aug 06 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
高性能JavaScript DOM编程(1)
Aug 11 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
JS Attribute属性操作详解
May 19 Javascript
node.js文件上传处理示例
Oct 27 Javascript
AngularJs点击状态值改变背景色的实例
Dec 18 Javascript
微信小程序实现预览图片功能
Oct 22 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
环形加载进度条封装(Vue插件版和原生js版)
Dec 04 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 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
抓取YAHOO股票报价的类
2009/05/15 PHP
PHP中文分词的简单实现代码分享
2011/07/17 PHP
PHP编译安装中遇到的两个错误和解决方法
2014/08/20 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
PHP实现简易计算器功能
2020/08/28 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
JavaScript 创建对象
2009/07/17 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
教你一步步用jQyery实现轮播器
2016/12/18 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
微信小程序tabBar 返回tabBar不刷新页面
2019/07/25 Javascript
node.js实现简单的压缩/解压缩功能示例
2019/11/05 Javascript
JavaScript实现打字游戏
2021/02/19 Javascript
[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python和perl实现批量对目录下电子书文件重命名的代码分享
2014/11/21 Python
浅谈python数据类型及类型转换
2017/12/18 Python
详解Django+Uwsgi+Nginx 实现生产环境部署
2018/11/06 Python
Python编程flask使用页面模版的方法
2018/12/28 Python
Python设计模式之代理模式实例详解
2019/01/19 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
同居协议书范本
2014/04/23 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
2014年招商工作总结
2014/11/22 职场文书
2014年防汛工作总结
2014/12/08 职场文书
导游词之湖北梁子湖
2019/11/07 职场文书
html5中sharedWorker实现多页面通信的示例代码
2021/05/07 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
pytorch实现手写数字图片识别
2021/05/20 Python
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python