如何判断框架（iframe）已被加载完毕？

最新推荐文章于 2022-11-29 10:55:57 发布
最新推荐文章于 2022-11-29 10:55:57 发布
阅读量2.2k 收藏
点赞数
分类专栏： js
以下语句判断框架(ifm_Test)是否被加载，完成后显示提示信息，为什么无效？
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<script language="javascript">
function loadFile(){
  document.frames("ifm_Test").href="http://www.youkuaiyun.com";
  document.frames("ifm_Test").document.onreadystatechange=fnStartInit;
}
function fnStartInit()
{
   if (document.frames("ifm_Test").document.readyState=="complete")
   {
      alert("框架文件加载完毕！");
   }
}
</script>
</head>
<body>
<iframe name="ifm_Test"></iframe>
<br>
<input type="button" value="click me" οnclick="javascript:loadFile()">

</body>
</html>
如何检测 iframe 是否加载完成的 JavaScript 方法
YabClass的博客
10-04 2343
在网页开发中，有时候我们需要在加载嵌入的 iframe 页面完成后执行一些操作。接下来，我们可以为 iframe 元素添加一个 “load” 事件监听器，该事件会在 iframe 加载完成后触发。我们可以通过监听这个事件来判断 iframe 是否已经加载完成。在上述示例中，我们通过获取 iframe 元素并添加 “load” 事件监听器来检测 iframe 加载完成的状态。在事件监听器中，可以添加一些判断逻辑来确定 iframe 是否已经加载完成。首先，我们需要获取到要检测加载完成的 iframe 元素。
js下判断 iframe 是否加载完成的完美方法
10-28
这种方法兼顾了兼容性和可靠性，是判断iframe加载完成的一个很好的选择。 总结来说，判断iframe是否加载完成主要有以下几种方式： 1. 对于非IE浏览器，直接使用`onload`事件。 2. 对于IE浏览器，使用`attachEvent`...
【判断 iframe 是否加载完成的完美方法】
kuru1317的专栏
11-02 281
[color=blue][size=medium]判断 iframe 是否加载完成的完美方法 一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似： [b] var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net";...
判断iframe加载完成
每天一篇文章
07-04 218
网上找了很多代码，总的来说，核心是readyState的状态变化的捕获 iframe如下： [code="java"][/code] javascript： [code="java"] function setVisiblity() { if(document.readTxt.document.readyState=="complete") { var k = d...
判断iframe是否加载完成
nick_zhang的博客
11-29 1841
v-loading要加在iframe外面，通过onload事件判断iframe是否加载完成。
jq怎么判断iframe是否加载完
飞一样的编程
09-08 836
需要的效果如下： 贴吧类型的主页面，希望点击下面的帖子就可以看到帖子详情页，然后点击帖子上的返回按钮可以返回到点前浏览的地方。 主页面如下： 问题：帖子列表是ajax请求，一次性加载10条数据，采用超链接跳转详情页之后，再返回主页面，主页面的帖子列表需要重新请求，如果说用户已经看到第五页的帖子，点击详情，再次返回主页面时，帖子只会请求显示第一页数据，这样用户需要在再加载4次数据才能找到自己浏览的...
JS判断iframe是否加载完成的方法
10-21
当`readyState`属性的值变为"loaded"或"complete"时，表明`iframe`已经加载完毕。以下是一个示例代码： ```html var isIE = /msie/i.test(navigator.userAgent) && !window.opera; var iframe = document....
javascript实现iframe框架延时加载的方法
10-25
这里的关键点在于，通过setTimeout可以设置一个时间间隔，在页面加载完毕之后，比如60秒后，执行iframe的加载代码。这有助于减少页面初始加载的负担，从而提高页面的响应速度和用户体验。 接着，描述中提到的window...
判断iframe里的页面是否加载完成
01-19
代码如下: //判断iframe是否加载完成，RMid为iframe的ID document.getElementById(“RMid”).onload = function () { alert(“加载完成”); } //在父框架操作iframe页面里的AddReceipt2方法 window.frames...
加载框架判断iframe框架是否加载完成的方法
05-07 471
每日一贴,今天的内容关键字为加载框架     理论上来讲框架面里加载的是一个成完的html档文，其断判的方法和平凡html件文加载该应致一。最近在一个项目顶用到了iframe框架，要需断判框架中的档文是不是加载终了，加载完后再进行下一步的作操，这里找到了几个方法来现实断判： var iframe = document.createElement("iframe"); iframe.src
判断iframe是否加载完成的完美方法
12-09
代码如下:var iframe = document.createElement(“iframe”); iframe.src = “//www.jb51.net”; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert(“Local iframe is now loaded.”); }; } else { iframe.onreadystatechange = function(){ if (iframe.readyState == “complete”){ alert(“Local iframe is now
判断 iframe 是否加载完成的完美方法
前端工程师--则丸
07-22 3724
http://www.planabc.net/2009/09/22/iframe_onload/ http://www.dewen.org/q/2376 http://blog.css-js.com/javascript/javascript-iframe-readystate.html 一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScri
判断iframe框架是否加载完成
Maze -- life is amazing
12-30 234
判断iframe框架是否加载完成 var iframe = document.createElement("iframe"); iframe.src = "http://www.cnblogs.com/lifeil/"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("框架加载完毕....
判断 iframe 是否加载完毕
恋 无 涯
07-21 1473
方法一、jQuery load() Js代码  //根据id获取iframe var frm = document.getElementById('myiframe');//利用jQuery来判断iframe是否已经加载完毕  $(frm).load(function(){//等iframe加载完毕      //这里就是ifram加载完后做的事情  });   方法二
判断iframe框架是否加载完成的方法
weixin_30586085的博客
02-20 308
理论上来说框架里面加载的是一个完成的html文档，其判断的方法和平常html文件加载应该一致。最近在一个项目中用到了iframe框架，需要判断框架中的文档是否加载完毕，加载完后再进行下一步的操作，这里找到了几个方法来实现判断： var iframe = document.createElement("iframe"); iframe.src = "http://www.cnblogs.co...
iframe加载完成
fivestar2009的博客
04-07 2519
<html> <head> <title>IFrame onload Example (Outer)</title> </head> <body> <h1>Iframe onload Example</h1> <p>This example dynamically creates an iframe and assigns a function to its <code.
如何精确地定位HTML中的iframe框架元素？
最新发布
11-14
在HTML中，如果你想精确地定位iframe（嵌入式框架）元素，可以使用JavaScript、CSS选择器或者是DOM操作。以下是几种常见的方法： 1. **通过ID**： 使用JavaScript `document.getElementById` 或 `document.querySelector`，例如： ```javascript var iframe = document.getElementById('your_iframe_id'); ``` 2. **通过CSS选择器**： 如果iframe有特定的类名，可以用`.class`选择器： ```javascript var iframe = document.querySelector('iframe.your_class_name'); ``` 3. **遍历DOM树**： 可以从文档根开始向下查找，直到找到iframe标签： ```javascript function findIframeByParent(parentElement) { return parentElement.querySelector('iframe'); } var iframe = findIframeByParent(document.body); ``` 4. **事件监听**： 当iframe发生加载完成等事件时，你可以获取到它： ```javascript iframe.onload = function() { console.log(this); // 这里this指向的就是iframe元素 }; ``` 记得在使用以上方法前，确认iframe已经成功加载完毕，否则可能会找不到元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值