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 22 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 Javascript
Js实现无刷新删除内容
Apr 29 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
jQuery实现遍历复选框的方法示例
Mar 06 Javascript
angular.js指令中的controller、compile与link函数的不同之处
May 10 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 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 代码优化之经典示例
2011/03/24 PHP
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
PHP+iFrame实现页面无需刷新的异步文件上传
2014/09/16 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
composer.lock文件的作用
2016/02/03 PHP
php 多文件上传的实现实例
2016/10/23 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
Prototype使用指南之hash.js
2007/01/10 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
javascript中的void运算符语法及使用介绍
2013/03/10 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
js获取对象为null的解决方法
2013/11/21 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
详解nodejs微信公众号开发——3.封装消息响应模块
2017/04/10 NodeJs
详解vue更改头像功能实现
2019/04/28 Javascript
Vue实现todo应用的示例
2021/02/20 Vue.js
浅谈python中的数字类型与处理工具
2017/08/02 Python
python爬虫超时的处理的实例
2018/12/19 Python
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
python opencv minAreaRect 生成最小外接矩形的方法
2019/07/01 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
Veronica Beard官网:在酷、经典和别致之间找到了平衡
2018/01/11 全球购物
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
前台文员岗位职责及工作流程
2013/11/19 职场文书
实习单位推荐信范文
2013/11/27 职场文书
复核员上岗演讲稿
2014/01/05 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
办公用房租赁协议书
2014/11/29 职场文书
2015年项目工作总结
2015/04/29 职场文书
使用nginx动态转换图片大小生成缩略图
2021/03/31 Servers
Python面向对象编程之类的概念
2021/11/01 Python
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫