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增删元素的代码
Feb 14 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
vue.js事件处理器是什么
Mar 20 Javascript
详解用Node.js实现Restful风格webservice
Sep 29 Javascript
react-native中ListView组件点击跳转的方法示例
Sep 30 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
Nov 02 Javascript
layui实现点击按钮给table添加一行
Aug 10 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
JavaScript 中的无穷数(Infinity)详解
Feb 13 Javascript
JavaScript中的宏任务和微任务详情
Nov 27 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
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
比较搞笑的js陷阱题
2010/02/07 Javascript
读JavaScript DOM编程艺术笔记
2011/11/15 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
javascript实现仿IE顶部的可关闭警告条
2015/05/05 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
ionic环境配置及问题详解
2017/06/27 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
[02:49]DAC2018决赛日TOP5 LGD开启黑暗之门绝杀VP
2018/04/08 DOTA
Python下Fabric的简单部署方法
2015/07/14 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
浅析python的Lambda表达式
2019/02/27 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
Python 占位符的使用方法详解
2019/07/10 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
python中tab键是什么意思
2020/06/18 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
python中random模块详解
2021/03/01 Python
英国最大的邮寄种子和植物公司:Thompson & Morgan
2017/09/21 全球购物
PyQt QMainWindow的使用示例
2021/03/24 Python
暑期实习鉴定
2013/12/16 职场文书
银行办公室岗位职责
2014/03/10 职场文书
爱国演讲稿400字
2014/05/07 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
2015年元旦主持词开场白
2014/12/14 职场文书