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 相关文章推荐
jquery 学习之二 属性相关
Nov 23 Javascript
JavaScript 程序编码规范
Nov 23 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
node.js中的http.request方法使用说明
Dec 14 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
如何提高javascript加载速度
Dec 26 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 10 Javascript
Vue实现图片与文字混输效果
Dec 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 date()日期时间函数详解
2010/05/16 PHP
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
PHP 常用的header头部定义汇总
2015/06/19 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
jQuery入门知识简介
2010/03/04 Javascript
Dom与浏览器兼容性说明
2010/10/25 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
2013/04/09 Javascript
表单元素与非表单元素刷新区别详细解析
2013/11/06 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
get(0).tagName获得作用标签示例代码
2014/10/08 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
JS实现的随机排序功能算法示例
2017/06/09 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
Vue中的混入的使用(vue mixins)
2018/06/01 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
Python读写Excel文件的实例
2013/11/01 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
戴尔美国官方折扣店:Dell Outlet
2018/02/13 全球购物
英语翻译系毕业生求职信
2013/09/29 职场文书
春节晚会主持词
2014/03/24 职场文书
主题班会演讲稿
2014/05/22 职场文书
英语专业自荐书
2014/06/13 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
V Rising 服务器搭建图文教程
2022/06/16 Servers