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 事件属性绑定带参数的函数
Mar 13 Javascript
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
js随机生成26个大小写字母
Feb 12 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
node+vue实现用户注册和头像上传的实例代码
Jul 20 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
Jul 22 Javascript
js里面的变量范围分享
Jul 18 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递归删除目录几个代码实例
2014/04/21 PHP
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
jQuery中的each()详细介绍(推荐)
2016/05/25 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
python里将list中元素依次向前移动一位
2014/09/12 Python
使用PyInstaller将Python程序文件转换为可执行程序文件
2016/07/08 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
python构建深度神经网络(DNN)
2018/03/10 Python
python如何实现内容写在图片上
2018/03/23 Python
python利用微信公众号实现报警功能
2018/06/10 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
解决django xadmin主题不显示和只显示bootstrap2的问题
2020/03/30 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
美国著名的团购网站:Woot
2016/08/02 全球购物
2014年国培研修感言
2014/03/09 职场文书
产品包装策划方案
2014/05/18 职场文书
会计工作能力自我评价
2015/03/05 职场文书
责任书范本大全
2015/05/11 职场文书
预备党员半年考察意见
2015/06/01 职场文书
女性健康讲座主持词
2015/07/04 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
Go语言 详解net的tcp服务
2022/04/14 Golang
MongoDB数据库之添删改查
2022/04/26 MongoDB