如何判断iframe加载完毕(原创)

最新推荐文章于 2024-10-04 06:11:34 发布
最新推荐文章于 2024-10-04 06:11:34 发布
阅读量67 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/qingyun163/archive/2012/02/23/2365483.html
版权
2007-04-27 11:53

defautl.html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<script type="text/javascript">
function test()
{
       alert("框架文件加载完毕！");
}
</script>
</head>
<body>
<iframe id="ifr_test" src="img.html" οnlοad="test();"></iframe>
</body>
</html>

img.html源码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>img</title>
</head>
<body>
<img src="http://pics.dahangzhou.com/UploadPic/2007/02/03/20070203114837351347.jpg" alt="" />
</body>
</html>

转载于:https://www.cnblogs.com/qingyun163/archive/2012/02/23/2365483.html

weixin_30374009
关注
Appium上下文和H5测试(一)
清菡的博客
11-24 266
坚持原创输出，点击蓝字关注我吧作者：清菡博客：oschina、云+社区、知乎等各大平台都有。目录一、混合应用-H51.混合应用是什么？2.怎么样分辨一个 App 页面究竟是原生的还是 W...
判断iframe框架是否加载完成的方法
weixin_30770495的博客
05-29 253
理论上来说框架里面加载的是一个完成的html文档，其判断的方法和平常html文件加载应该一致。最近在一个项目中用到了iframe框架，需要判断框架中的文档是否加载完毕，加载完后再进行下一步的操作，这里找到了几个方法来实现判断： var iframe = document.createElement("iframe"); iframe.src = "http://www.cnblogs.com/l...
js 关于下载文件如何判断是否下载成功
weixin_30414245的博客
10-12 9127
最近在做的一个项目碰到一个问题，就是需要检测什么时候导出成功并根据导出成功进行提示操作。开始是直接使用location.href,但是无法检测到是否下载成功。 经过查找资料下载文件使用iframe可以做到，但是onload可以检测到页面加载 成功，无法检测到下载加载成功。经过搜索资料发现一个解决，方案。原理如下： 在点击下载按钮时获得一个时间戳并把时间戳发送给后台，后台响应成功后把发送的时间戳...
前端iframe实现导出文件（Excel）
weixin_33725239的博客
08-04 2653
一、看图片二、使用场景 在类似用到表格显示数据的地方常常会用到导出的功能。如图，导出Excel。 三、实现思路，知识点。 实现方式比较多，这里介绍一种比较简单也是比较常用的方式，通过iframe来导出excel。 后端会提供下载的地址，我们知道把地址添加到iframe的src里边，然后把iframe添加到body里边就实现了。 四、上代码...
初始化iframe数据，判断iframe加载是否完成的问题
huling2361的专栏
02-09 2304
在页面中使用了iframe，在iframe中使用了baidu的mindermap,所以在iframe页面加载完成时需要提供mindermap数据。 问题来了，在提供mindermap数据前alert才会成功，否则找不到 iframe页面元素。 解决办法，在判断iframe加载完成时做初始化操作： var iframe = document.getElementById('childfra
php监听iframe加载完成,jquery 如何判断iframe是否加载完成
weixin_29001655的博客
03-27 581
jquery 判断iframe是否加载完成的方法：1、使用【jQuery load()】方法；2、使用【onreadystatechange】方法；3、使用【attachEvent】方法。本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。jquery 判断iframe是否加载完成的方法：方法一、jQuery load()var frm = document...
php监听iframe加载完成,JS判断iframe是否加载完成的方法
weixin_39539563的博客
03-27 226
本文实例讲述了JS判断iframe是否加载完成的方法。分享给大家供大家参考，具体如下：/p>"http://www.w3.org/TR/html4/loose.dtd">var isIE = /msie/i.test(navigator.userAgent) && !window.opera;var iframe = document.createElement("if...
php监听iframe加载完成,判断iframe是否加载完成的完美方法_javascript技巧
weixin_36382155的博客
03-27 273
var iframe = document.createElement("iframe");iframe.src = "http://www.jb51.net";if (!/*@cc_on!@*/0) { //if not IEiframe.onload = function(){alert("Local iframe is now loaded.");};} else {iframe.onrea...
点击按钮判断iframe是否加载完毕
sinat_38818576的博客
02-23 203
var iframe = document.getElementById(&quot;mainFrame&quot;); $('.left-content').on('click','.loadiframe',function(){ $('.excel-load').show(); if (iframe.attachEvent){ iframe.attachEvent(&quot;onload&quot;, fun...
JS怎么控制IFRAME高度自动适应内容而不出现滚动条
热门推荐
lqc851011的专栏
07-21 1万+
   function setHeight(){  var iframe = document.getElementById("iframe_id");     try{       var aHeight = iframe.contentWindow.document.body.scrollHeight;       var bHeight = iframe.contentWindow.document.documentElement.scrollHeight;       var height = Ma
前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）
m0_67394006的博客
03-02 9190
文章目录 前言 第一回合 一、知识点：cookie（21/09/06） 二、知识点：节流和防抖（21/09/07） 三、知识点：var和let以及const（21/09/08） 四：知识点：深拷贝和浅拷贝（21/09/09） 五、知识点：作用域和作用域链（21/09/10） 六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11） 七、知识点：重排和重绘（21/09/12） 八、知识点：TCP和UDP（21/09/13） 九、知识点：三次握手（21/09/15） 十、知识点：绝对定位和相对定
前端开发工程师面试题2
刘群智的博客
07-27 5012
前端开发工程师面试题2   　1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 　　（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 　　（2）、严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。 　　（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作...
Python入门自学进阶-Web框架——8、认识Ajax，与Django交互，基于jQuery
web17886480312的博客
05-15 216
基于jQuery的Ajax实现： jQquery中创建XMLHttpRequest对象就没有兼容性问题了，而且不需要前面的四个步骤，直接使用.ajax()，通过设置相关的参数，如提交的方法，url，数据等，一次性完成所有步骤及功能。.ajax()，通过设置相关的参数，如提交的方法，url，数据等，一次性完成所有步骤及功能。.ajax()，通过设置相关的参数，如提交的方法，url，数据等，一次性完成所有步骤及功能。.ajax()是jQuery实现ajax的最底层方法。 $.ajax( url: type:“P
判断 iframe 是否加载完成的完美方法
lisen1987的专栏
06-03 622
一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似： var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if (iframe.attachEvent){ iframe.attachE
vue判断iframe是否加载完毕
weixin_37744901的博客
09-09 3972
html <main> <img v-show="!completeLoad" src="../images/loading.gif"/> <iframe v-show="completeLoad" :src="url" width="100%" id="license_iframe" height="100%"></iframe> </main> js mounted () { var _this = this const ifra
XHTML 简介
最新发布
wjs2024的博客
10-04 483
XHTML作为一种严格的、基于XML的标记语言，为网页设计和开发提供了良好的可读性、可维护性和扩展性。尽管HTML5已成为当前主流的网页标记语言，但XHTML在特定领域仍然具有广泛的应用价值。
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 998
Vue 2 中使用 Vue I18n 插件实现中英文切换
JavaScript 判断 iframe 加载完成的技巧
对于非IE浏览器，我们可以通过监听iframe的`onload`事件来判断加载是否完成。当`onload`事件触发时，说明iframe内容已加载完毕。代码如下： ```javascript var iframe = document.createElement("iframe"); iframe....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值