IFrame 加载网页完成事件

最新推荐文章于 2024-01-08 14:37:21 发布
最新推荐文章于 2024-01-08 14:37:21 发布
阅读量1.3k 收藏
点赞数

今天，需要用到IFrame, 且用法比较特别，两个IFrame在同一个网页上，且需要加载完成一个IFrame后，才开始加载令一个IFrame，所以用到了IFrame加载完成的方法。把网上的资料整理如下： 


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <script type="text/javascript">  
  5.     var iframe;  
  6.     function load() {  
  7.         iframe = document.getElementById("iframe");  
  8.         iframe. onload = iframe. onreadystatechange = iframeload;   
  9.         iframe.src = "http://www.baidu.com";  
  10.     }  
  11.     function iframeload() {  
  12.         if (!iframe.readyState || iframe.readyState == "complete") {  
  13.             alert("Local iframe is now loaded.");  
  14.         }  
  15.     }  
  16. </script>  
  17. </head>  
  18. <body onload="load()">  
  19.     <iframe id="iframe"></iframe>  
  20. </body>  
  21. </html>  


漠冰的痛
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
判断iframe里的页面是否加载完成
09-04
// 当iframe加载完成后，执行此函数 console.log("加载完成"); // 如果需要在父页面中调用iframe页面的方法，可以这样操作 // 假设iframe页面有一个名为AddReceipt2的方法 if (iframeElement.contentWindow &...
判断iframe加载完成、用于当ifame加载完成时执行一些操作
weixin_33922672的博客
06-23 328
window.frames["iframec"].addEventListener( "load", function(){ window.frames["iframec"].setFormValue(obj);//iframe加载完成时的操作 });IE iframe.attachEvent("onreadystatechange", function(){ //此事件...
iframe加载完成事件
这里是迷阵的博客耶
10-21 6058
获取到iframe加载的前提条件 1.iframe必须在body的下方，如： $("body").append(`<iframe id="player" type="text/html" height="360" src = "` + src + `" frameborder = "0" ></iframe>`); 2.IE下和其他浏览器下的iframe加载完成后执行事件...
iframe中的onload事件
最新发布
yongyafang123的博客
01-08 2179
iframe 标签中onload时间的执行多种情况
iframe的onload事件
qq_27009517的博客
07-14 1万+
很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。 如果你没时间去阅读全文，可以看解决方案的内容概要： 同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如 window.parent.callparentFunctoin()。 如果是异域，或者子页面已存在且无法修改，
iframe 加载完成后回调事件(怎么判断iframe是否加载完成)
我的专栏
06-15 1万+
判断加载完成需在iframe的onload事件中处理。IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。
JS判断iframe是否加载完成的方法
10-21
在网页开发中，有时我们需要对页面中的`iframe`（内联框架）进行操作，而这些操作通常需要在`iframe`完全加载完成之后执行。本文将详细介绍两种JavaScript方法，用于判断`iframe`是否加载完成，以便在正确的时间进行...
判断iframe是否加载完成的完美方法
09-05
但是，`onreadystatechange`事件并不总是可靠的，因为它可能会在`iframe`的某些部分加载完成但全部内容尚未加载完毕时触发。因此，这种方法相比`onload`事件来说可能存在一些潜在问题。 ```javascript var iframe =...
js下判断 iframe 是否加载完成的完美方法
12-02
如果不是，我们为`iframe`的`onload`事件添加一个事件处理函数，当`iframe`加载完成后，会弹出警告框显示消息。 对于IE浏览器，我们需要使用`attachEvent`来注册`onload`事件，因为IE不支持直接在元素上设置`onload...
jquery如何实现在加载完iframe的内容后再进行操作
10-26
// 在这里放置你需要在iframe加载完成后执行的代码 }); // 对于Internet Explorer if (iframe[0].attachEvent) { iframe[0].attachEvent("onload", function() { // 在这里放置你需要在iframe加载完成后执行的...
Vue中使用iframe 、加载完成后回调事件
都已经是第二年的立春、又何必执着于、当年的盛​夏呢？
11-18 6621
iframe 加载完成后回调事件。
浅谈iframe的优缺点及应用场景
lin_m的博客
05-20 2892
浅谈iframe的优缺点及应用场景 对iframe的优缺点及应用场景的一点小结 浅谈iframe的优缺点及应用场景 iframe 创建包含另外一个文档的内联框架(即行内框架)，简而言之，iframe标签是框架的一种形式，一般用来包含别的页面。 一、使用iframe的优缺点 优点: 1.iframe能够把嵌入的网页原样展现出来； 2.模块分离，便于更改，如果有多个网页引用iframe，只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷； 3.网页如果为了统一风格，头部和版本都是一样的
判断 iframe 是否加载完毕
Elvis技术小屋
11-16 2995
我能想到的有以下几种方式：   方法一、jQuery load()   Js代码   var frm = document.getElementById('myiframe');  $(frm).load(function(){                             //  等iframe加载完毕  dosomething();  });    
iframe 是否加载完成的完美方法
忆水思寒的博客
09-18 1412
判断iframe是否加载完成的完美方法 IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。 第二种方法比第一种方法更完美(采用readystatechange判断)，因为 readystatechange 事件相对于 load 事件有一些潜在的问题。 这里感觉说的并不是完全准确，开始给我造成了很大的困扰。看其代码才明白，真正意义上来讲IE在创建一个新的iframe时的onload方法需要使用attachEvent来绑定，而原来就存在的iframe的o
监听iframe加载完成
weixin_44409802的博客
03-10 2737
监听iframe加载完成
如何让页面监测Iframe页面的状态？
高雄的专栏
10-13 2274
不知道这个应用有多少场合会用到呢？反正我们目前需要这样的需求。 目前通过javascript似乎没法监测子页面的状态，虽然HTML5给IFrame加了一个contentDocument，但是仍然无法通过这个对象将子页面的状态返回给父页面的js来监测。 于是乎，
判断 iframe 是否加载完成的完美方法
热门推荐
李赛赛的专栏
04-06 1万+
 一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似： var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if (!/*@cc_on!@*/0) { //if not IE         
Html之Frame的onreadystatechange 事件-yellowcong
11-21 980
当使用懂啊Frame框架的时候，幅画面的Frame想要在子画面初始化完成后，获取到子画面的一些信息来设定到幅画面上，这个时候，可以通过frame的onreadystatechange 事件，来监听frame的情况，readyState 这个属性可以用来判断是否加载完全
iframe pdf加载完成
08-09
当 iframe 加载完成时，PDF 将在该 iframe 中成功显示。iframe 是 HTML 的一个元素，用于在网页中嵌入其他文档，如 PDF。加载完成意味着 PDF 文档已经从服务器成功下载，并且已经在 iframe 中完全加载和渲染。 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值