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 submit()提交表单提示:f[s] is not a function
Jan 23 Javascript
jQuery替换字符串(实例代码)
Nov 13 Javascript
jquery获取radio值实例
Oct 16 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
Mar 19 Javascript
原生js实现日期计算器功能
Feb 17 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
老生常谈javascript的面向对象思想
Aug 22 Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 Javascript
详解angular部署到iis出现404解决方案
Aug 14 Javascript
微信小程序云开发实现云数据库读写权限
May 17 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
Jul 15 Javascript
详解node和ES6的模块导出与导入
Feb 19 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 CodeIgniter框架的工作原理研究
2015/03/30 PHP
Yii使用技巧大汇总
2015/12/29 PHP
PHP使用strtotime获取上个月、下个月、本月的日期
2015/12/30 PHP
php文件系统处理方法小结
2016/05/23 PHP
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
非常好的js代码
2006/06/27 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
2013/06/29 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
深入理解js中this的用法
2016/05/28 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
JavaScript注册时密码强度校验代码
2017/06/30 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
十条建议帮你提高Python编程效率
2016/02/16 Python
python对日志进行处理的实例代码
2018/10/06 Python
Python 忽略warning的输出方法
2018/10/18 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
幼儿园家长会欢迎词
2014/01/09 职场文书
环保志愿者活动方案
2014/08/14 职场文书
求职推荐信范文
2015/03/27 职场文书
学校教师培训工作总结
2015/10/14 职场文书
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python