判断iframe是否加载完成

最新推荐文章于 2021-12-15 18:17:54 发布
转载 最新推荐文章于 2021-12-15 18:17:54 发布 · 662 阅读 · 0
文章标签：

#iframe #function #chrome #2010

本文介绍了一种在不同浏览器中检测iframe加载完成状态的方法。通过使用JavaScript，针对IE和其他现代浏览器（如Firefox和Chrome）提供了不同的实现方式，确保了在页面加载完成后能够及时隐藏加载提示。

 

 

1.   var iframe = document.getElementById("iframenews");  

      if (iframe.attachEvent)

        {          

      //IE

               iframe.attachEvent("onload", function(){          

                  $.loading.fadeOut();      });  

          }

      else {        

              //FF、Chrome等 

              iframe.onload = function(){            

              $.loading.fadeOut();      

              };  

         }  

 

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/lxp1021/archive/2011/03/01/6216380.aspx

 

 

http://www.cnblogs.com/lhgstudio/archive/2010/10/24/1859946.html

 

 

精彩的原文： http://www.jb51.net/article/21752.htm

判断iframe里的页面是否加载完成
01-19
代码如下: //判断iframe是否加载完成，RMid为iframe的ID document.getElementById(“RMid”).onload = function () { alert(“加载完成”); } //在父框架操作iframe页面里的AddReceipt2方法 window.frames[“RMid”].AddReceipt2();
JS判断iframe是否加载完成的方法
10-21
主要介绍了JS判断iframe是否加载完成的方法,提供了2种实现方法,可分别针对IE内核与非IE内核浏览器进行判断与操作,涉及javascript事件操作与判定技巧,需要的朋友可以参考下
完美判断iframe是否加载完成
weixin_30338743的博客
04-24 187
var iframe = document.createElement("iframe"); iframe.style.width = "265px"; iframe.style.height = "490px"; iframe.style.border = "none"; iframe.src = "http://cnblogs.com/walls"; if(i...
js下判断 iframe 是否加载完成的完美方法.docx
01-20
判断 iframe 是否加载完成是一个重要的步骤，在我们的开发中，我们可以使用以上三种方法来判断 iframe 是否加载完成。其中，方法一和方法二都是通用的方法，可以在多数浏览器中使用，而方法三则是 IE 浏览器特有的...
判断iframe是否加载完成的完美方法
09-05
判断`iframe`是否加载完成的方法有多种，这里将详细讨论两种常见且有效的方法。 首先，我们可以使用`onload`事件来监听`iframe`的加载状态。当`iframe`的内容完全加载完毕，包括图片、脚本等所有资源，`onload`事件...
基于JS判断iframe是否加载成功的方法(多种浏览器）
10-22
为了确保后续操作能够正确执行，我们需要准确判断`iframe`是否已经加载完成。本文将详细介绍如何使用JavaScript在多种浏览器环境下判断`iframe`的加载状态。 在Internet Explorer（IE）浏览器中，我们可以利用`...
判断 iframe 是否加载完成
sou3713的专栏
06-09 1050
判断 iframe 是否加载完成: var iframe = document.createElement("iframe"); iframe.src = "http://www.webjx.com"; if (iframe.attachEvent){    iframe.attachEvent("onload", function(){        alert("Local if
判断 iframe 是否加载完毕
恋 无 涯
07-21 1544
方法一、jQuery load() Js代码  //根据id获取iframe var frm = document.getElementById('myiframe');//利用jQuery来判断iframe是否已经加载完毕  $(frm).load(function(){//等iframe加载完毕      //这里就是ifram加载完后做的事情  });   方法二
判断 iframe 是否加载完成(记录)
Pet8766的专栏
11-09 1699
一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似： var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if (!/*@cc_on!@*/0) { //if not IE     iframe.on
判断iframe中内容是否加载完毕
拓
09-20 1842
<br />来自：http://blog.youkuaiyun.com/mayongzhan - 马永占,myz,mayongzhan <br /> <br /><br />onload="myz();" onreadystatechange="if(this.readyState==/'complete/'){myz();}"<br />就这一句话…<br /><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> <b
iframe加载完成判断
iteye_18722的博客
07-20 172
var iframe = document.createElement("iframe");iframe.src = "http://www.planabc.net";if (iframe.attachEvent){    iframe.attachEvent("onload", function(){        alert("Local iframe is now loaded.");   ...
判断iframe是否加载完毕，在执行某方法
cgammxrry的博客
10-10 3421
var iframe = document.createElement("iframe"); iframe.src = "http://www.jb51.net"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { ifra
判断iframe标签是否加载完成，并做loading效果(记录)
热门推荐
weixin_61285710的博客
12-15 1万+
判断iframe标签是否加载完成，并做loading效果
判断一个Iframe是否完全加载
ahstudy的专栏
11-18 1500
一般来说，完美判断一个Iframe是否完美加载有两中方法。下面搜搜招聘网就 和大家来分享一下：     第一种：该方法和判断Javascript文件是否被加载完相似。下面是代码： var iframe = document.createElement("iframe"); iframe.src = http://home.trusit.net/Pages/Default.aspx; if
JS判断iframe是否加载成功
coding
05-07 3036
在项目中经常要动态添加iframe，然后再对添加的iframe进行相关操作，而往往iframe还没添加完呢，后边的代码就已经执行完了，所以有些你写的东西根本没有显示出来。这时，我们就要考虑是否可以等iframe加载完后再执行后边的操作，当然，各种浏览器早就为我们考虑到啦，看下面： ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件，这个事件每次在el
判断 iframe 是否加载完成的完美方法
最新发布
05-14
现在用户的问题是寻找判断iframe加载完成的完美方法，以便正确接入postMessage通信。用户提到“完美方法”，可能希望一个可靠且兼容性强的解决方案。 根据之前的回答，父页面需要在iframe加载完成后发送消息，否则...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值