`

Iframe onload监听

    博客分类：
  • JS
 
阅读更多 
var oFrm = parent.document.getElementById("cons");
	oFrm.onload = oFrm.onreadystatechange = function() 
	{     
		if (this.readyState && this.readyState != 'complete') return;
		else {
			doYourFunction();			}
		}
	}

 

分享到：
| 禁止页面刷新退格等
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iframe自适应高度（兼容目前所有主浏览器)

    二是在主页面 iFrame 的 onload 事件中执行 JS，去取得被包含页的高度内容，然后去同步高度。然而，这两种方法都存在一定的缺陷，它们只能处理静态的内容加载，而无法解决 JS 操作 DOM 引起的高度变化问题。 为了...

    JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

    然后，我们可以通过JavaScript为iframe添加onload事件监听器，并在事件触发时通过修改CSS属性或DOM元素来控制遮罩层的显示状态。 在实现代码中，我们通常会遇到iframe的onload事件在IE浏览器中能正常工作，但在Fire...

    判断iframe里的页面是否加载完成

    代码如下: //判断iframe是否加载完成，RMid为iframe的ID document.getElementById(“RMid”).onload = function () { alert(“加载完成”); } //在父框架操作iframe页面里的AddReceipt2方法 window.frames...

    IE iframe的onload方法分析小结

    在Web开发中，特别是在使用`<iframe>`元素时，我们经常需要监听iframe的加载状态，以便在内容加载完成后执行相应的操作。本文将深入探讨IE浏览器中`<iframe>`的`onload`事件处理，以及如何有效地判断一个`<iframe>`...

    iframe的onload在Chrome/Opera中执行两次Bug的解决方法

    标题提到的问题是`iframe`的`onload`事件在这些浏览器中会被触发两次，这可能导致不必要的操作或逻辑错误。 这个问题的根本原因在于事件监听器的添加时机。在描述中给出的示例代码中，开发者首先创建了一个`iframe`...

    JS判断iframe是否加载完成的方法

    在IE浏览器中，我们不能直接使用`onload`事件来监听`iframe`的加载完成，而是要依赖于`readyState`属性。当`readyState`属性的值变为"loaded"或"complete"时，表明`iframe`已经加载完毕。以下是一个示例代码： ``...

    iframe自适应高度js demo

    <iframe id="myIframe" src="your-source-url" onload="setIframeHeight('myIframe')"></iframe> ``` 这样，当`iframe`中的页面加载完毕时，`onload`事件会触发`setIframeHeight`函数，从而自动调整`iframe`的高度...

    js实现iframe自适应高度

    iframe.onload = function() { adjustIframeHeight(iframe); }; ``` 4. **计算并设置新的高度**：在`load`事件的回调函数中，我们可以计算`iframe`内容的高度，然后将其设置为`iframe`的高度。 ```javascript...

    iframe自适应高度和宽度

    在上面的例子中，使用了`onload`事件来监听`iframe`内容加载完成，然后通过`document.all['myframe']`获取到`iframe`元素，并通过`myframe.document.body.scrollHeight`获取内部文档的实际高度，最后将这个高度设置...

    iframe高度自适应.pdf

    - `handleFrameLoad()`: 主函数，用于监听`iframe`的加载事件，并在加载完成后执行高度调整。 - `getBodyHeight()`: 获取当前页面文档的高度。 - `getFrameHeight()`: 获取嵌入页面的高度。 - `initFrameHeight...

    javascript动态调整iframe高度

    iframe.onload = function() { var iframeHeight = iframe.contentDocument.body.offsetHeight || iframe.contentDocument.documentElement.offsetHeight; }; ``` 4. 动态调整`iframe`高度 获取到`iframe`的高度后...

    iframe根据页面内容自适应高度和宽度

    可以监听`load`事件，当`iframe`加载完成后，通过`contentWindow`和`contentDocument`属性获取内容的尺寸，然后调整`iframe`的大小。例如： ```javascript document.getElementById('myIframe').addEventListener('...

    iframe高度自适应，多浏览器兼容

    2. **IE8**：虽然支持`contentWindow`和`contentDocument`，但没有`MutationObserver`，所以需要在`window.onload`或`iframe.onload`事件中处理高度自适应。 3. **Firefox**：Firefox通常能较好地处理`iframe`，但...

    js iframe 打印 打印预览 页眉页脚的设置

    iframe.onload = function() { iframe.contentWindow.focus(); // 避免某些浏览器的弹出窗口阻止策略 iframe.contentWindow.print(); }; ``` 以上就是使用JavaScript和iframe实现打印预览及自定义页眉页脚的基本...

    iframe自适应高度说明文档

    实现`iframe`自适应高度主要依赖于JavaScript，通过监听`iframe`内部页面的加载事件，并动态调整`iframe`的高度。下面将详细介绍几种常见的实现方法： ##### 方法一：使用JavaScript函数SetWinHeight() ```...

    JS 获取iframe高度的静动态方法

    由于iframe内容可能异步加载，因此我们需要监听`load`事件来确保在内容完全加载后获取高度。当iframe加载完成后，可以通过以下方式获取高度： ```javascript var iframe = document.getElementById('myIframe');...

    iframe显示全部内容代码

    - **`onload`**：使用内联JavaScript监听`iframe`加载完成事件，并动态计算调整`iframe`的高度。这里的关键在于`document.frames['leftFrame'].document.body.scrollHeight`，它获取到了`iframe`内部文档的实际高度...

    iframe实时高度检测

    - 在`iframe`加载完成后，例如在`window.onload`或`document.DOMContentLoaded`事件中，获取当前页面的总高度（包括滚动条）。 - 使用`parent.postMessage`方法向父页面发送一个自定义消息，包含`iframe`的实际...

    iframe自适应高度.rar

    一种常见的方法是使用JavaScript监听iframe的load事件，当iframe内容加载完成后，通过JavaScript获取iframe的实际内容高度，并将其设置为iframe的style.height属性。以下是一个简单的实现示例： ```javascript ...

    iframe自升高

    一种常见的方式是通过JavaScript监听`iframe`内的事件，如`window.onload`或`window.resize`，然后通过`parent.postMessage`进行跨域通信，通知父页面调整`iframe`的高度。以下是一个简单的示例： ```javascript // ...

Magicbox
Global site tag (gtag.js) - Google Analytics