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 07 Javascript
5秒后跳转到另一个页面的js代码
Oct 12 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 Javascript
javascript动态修改Li节点值的方法
Jan 20 Javascript
JavaScript类型系统之Object详解
Jan 07 Javascript
JavaScript中的原型prototype完全解析
May 10 Javascript
浅谈js中调用函数时加不加括号的问题
Jul 28 Javascript
浅谈jquery上下滑动的注意事项
Oct 13 Javascript
微信小程序引用iconfont图标的方法
Oct 22 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
May 03 Javascript
javascript实现点击星星小游戏
Dec 24 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
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
JS分页效果示例
2013/10/11 Javascript
JavaScript创建一个object对象并操作对象属性的用法
2015/03/23 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
JS实现的不规则TAB选项卡效果代码
2015/09/18 Javascript
JS实现网页上随滚动条滚动的层效果代码
2015/11/04 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
2017/05/10 Javascript
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
微信小程序与公众号卡券/会员打通的问题
2019/07/25 Javascript
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
Python求解平方根的方法
2015/03/11 Python
Python 实现一个颜色色值转换的小工具
2016/12/06 Python
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
python接口自动化之ConfigParser配置文件的使用详解
2020/08/03 Python
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
安全生产先进个人材料
2014/02/06 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
优秀乡村医生事迹材料
2014/05/28 职场文书
服务行业口号
2014/06/11 职场文书
龙潭大峡谷导游词
2015/02/10 职场文书
社团个人总结范文
2015/03/05 职场文书
2015年全民创业工作总结
2015/07/23 职场文书
文明礼仪主题班会
2015/08/13 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript