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 相关文章推荐
js树形控件脚本代码
Jul 24 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 Javascript
修改jQuery Validation里默认的验证方法
Feb 14 Javascript
js中window.open()的所有参数详细解析
Jan 09 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 Javascript
理解javascript闭包
Dec 15 Javascript
浅谈JS之iframe中的窗口
Sep 13 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
JS随机密码生成算法
Sep 23 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中Socket创建与监听实现方法
2015/01/05 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
jquery键盘事件介绍
2011/01/31 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
JavaScript中数组的合并以及排序实现示例
2015/10/24 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
javascript日期比较方法实例分析
2016/06/17 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
Vue中使用vux的配置详解
2017/05/05 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
解决jquery有正确返回值但不执行success函数的问题
2018/08/20 jQuery
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
轻松掌握python设计模式之访问者模式
2016/11/18 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
python 中的int()函数怎么用
2017/10/17 Python
HTML的form表单和django的form表单
2019/07/25 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
linux 下selenium chrome使用详解
2020/04/02 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
sklearn的predict_proba使用说明
2020/06/28 Python
几款好用的python工具库(小结)
2020/10/20 Python
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
助人为乐表扬信范文
2014/01/14 职场文书
感恩教师主题班会
2015/08/12 职场文书
春节随笔
2015/08/15 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis