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 相关文章推荐
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
Node.js返回JSONP详解
May 18 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
把vue-router和express项目部署到服务器的方法
Feb 21 Javascript
基于js Canvas实现二次贝塞尔曲线
Dec 25 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
May 20 Javascript
微信小程序使用车牌号输入法的示例代码
Aug 20 Javascript
原生JavaScript实现轮播图
Jan 10 Javascript
深入详解JS函数的柯里化
Jun 09 Javascript
vue使用element-ui按需引入
May 20 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
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
php生成圆角图片的方法
2015/04/07 PHP
php将html转为图片的实现方法
2017/05/19 PHP
Autocomplete Textbox Example javascript实现自动完成成功
2007/08/17 Javascript
用 Javascript 验证表单(form)中的单选(radio)值
2009/09/08 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
js判断手机系统是android还是ios
2017/03/07 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05
2020/11/05 DOTA
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
实例详解Python模块decimal
2019/06/26 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
优纳科技软件测试面试题
2012/05/15 面试题
早读迟到检讨书
2014/01/24 职场文书
小学音乐教学反思
2014/02/05 职场文书
年会搞笑主持词串词
2014/03/24 职场文书
平安工地建设方案
2014/05/06 职场文书
cf战队收人口号
2014/06/21 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
学风建设主题班会
2015/08/17 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
2016年小学“公民道德宣传日”活动总结
2016/04/01 职场文书
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android