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 操作XML入门
Dec 25 Javascript
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
jquery里的each使用方法详解
Dec 22 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
JQuery遍历DOM节点的方法
Jun 11 Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 Javascript
利用node.js本地搭建HTTP服务器
Apr 19 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
Angular路由ui-router配置详解
Aug 01 Javascript
vue中data里面的数据相互使用方式
Jun 05 Vue.js
两行代码轻松搞定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函数常用用法小结
2010/02/08 PHP
解析centos中Apache、php、mysql 默认安装路径
2013/06/25 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
php 使用GD库为页面增加水印示例代码
2014/03/24 PHP
php从身份证获取性别和出生年月
2017/02/09 PHP
PHP命令Command模式用法实例分析
2018/08/08 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
2020/07/10 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
Jquery+ajax请求data显示在GridView上(asp.net)
2010/08/27 Javascript
js实现鼠标经过表格行变色的方法
2015/05/12 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
jQuery layui常用方法介绍
2016/07/25 Javascript
JS之相等操作符详解
2016/09/13 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
2018/12/03 Javascript
JS原型与继承操作示例
2019/05/09 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
Python实现字典去除重复的方法示例
2017/07/31 Python
Python最火、R极具潜力 2017机器学习调查报告
2017/12/11 Python
NumPy 如何生成多维数组的方法
2018/02/05 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
小区门卫岗位职责
2013/12/31 职场文书
支部书记四风对照材料
2014/08/28 职场文书
酒店开业主持词
2015/07/02 职场文书
植树节新闻稿
2015/07/17 职场文书