最近遇到一个问题，需要在两个iframe之间相互调用，最原始的做法是获取iframe对象.currentWindow.对象的方式来调用，但是这样怕纯在对象引用导致iframe内存销毁的问题。而且没办法封装成一个通用的方法（因为用户调用的实现不一致）。
看到operamasks上面有iframe组件，研究了一下他的iframe之间调用对象的方式，发现是通过eval方法来实现，即先获取调用对象所在的iframe对象，然后通过iframe对象.eval（“需要执行的调用语句”），但是考虑到eval会存在性能问题，所以又犹豫了。希望大家给点意见！说说自己的想法！
分享到：
相关推荐
首先，我们要明确的是，当使用iframe嵌入页面时，每个iframe实际上都是一个独立的浏览器上下文，它们有着自己的文档对象模型（DOM）。这导致了不同iframe之间的变量和函数默认情况下是不可见的。但是，通过特定的...
本篇文章将详细解释如何在两个`iframe`之间进行通信，并通过提供的源码`left.html`、`right.html`和`main.html`为例进行说明。 一、`iframe`之间的通信方式 1. **使用`window.postMessage()`方法：** 这是现代...
以上就是解决同一页面中两个iframe互相调用jquery,js函数的方法的详细解释。希望这篇文章能够帮助大家在进行Web开发时，更好地处理iframe之间的交互问题。同时，请多支持相关的技术分享，为更多的开发者提供帮助。
标题“同级iframe间的函数调用”涉及的是如何在不同`iframe`之间共享数据和交互，这是跨域安全策略下实现页面间通信的一种方式。 在同一个域名下，`iframe`可以相互访问，这是因为它们被视为同一源（same-origin ...
2. `contentWindow` 和 `contentDocument` 属性：这两个属性主要用于访问`iframe`的内容。`contentWindow`指向`iframe`的`window`对象，`contentDocument`则指向`iframe`的`document`对象，从而可以操作子页面的DOM...
通过这两个属性，我们可以访问到其他`iframe`或父页面的全局对象，进而调用其中的方法或读取变量。 2. **利用`postMessage`和`message`事件：** HTML5引入了`postMessage`API，允许不同源的页面之间安全地传递数据...
当两个iframe A和B相互引用并试图重载对方时，比如A中的脚本加载了B，而B中的脚本又加载了A，就会形成一个循环引用。每次重载都会触发页面重新渲染，这个过程持续不断，就形成了所谓的"endless loop"。 解决这个...
同源策略是浏览器为了保护用户安全而实施的一项机制，它规定只有当两个页面的协议、域名和端口完全相同时，它们之间才能共享数据或执行某些操作。当iframe的源与父页面的源不同时，就出现了跨域问题。 要解决iframe...
iframe中的页面通过jQuery在页面加载时调用这两个元素： ```javascript $(function(){ // 在iframe中查找父页面元素 alert($('#default', window.parent.document).html()); // 在iframe中调用父页面中定义的方法...
在Web开发中，有时我们需要在iframe中嵌入的页面与主页面，或者两个嵌套的iframe之间进行数据交换和功能交互。这可以通过JavaScript来实现，主要涉及以下几个方面： 1. **父页面与iframe的通信：** - `...
- 数据传递：通过查询字符串或POST请求在Unigui应用与IFrame之间传递数据，实现双向通信。例如，Unigui应用可以修改IFrame的src属性以传递参数，而IFrame内部可以通过window.parent对象访问父窗口（即Unigui应用）...
使用iframe的时候，可能会涉及到父子窗口之间传值和方法的相互调用，之前一直有些迷糊，也没有着意去弄清楚，这两天要干活，没法子了只好把这都弄明白了。其实非常简单，就那么几个用法，几句代码而已。 子窗口中...
检测内存泄漏的工具和手段确实有限，仅有的两个工具（JavaScript Memory LeakDetector 和 sIEve ）都不太好用，不像 Java 里面的一些工具能精准定位。因此，需要通过经验预测最有可能泄漏的几个点，再通过排除法，...
- **全局Cross对象**：`crossUtils.js`中定义了一个全局对象`Cross`，其下有两个主要属性： - `signalHandler`：存储注册的信号及其对应的回调函数。 - `on`：用于注册一个信号及其回调函数。 - `call`：用于向...
在Demo2中，父页面iframe1.html有两个Iframe（iframe2和iframe3）。父页面可以通过`getElementById`获取特定Iframe的引用，然后在其`onload`事件中调用子页面的方法，如`iframe2.contentWindow.b();`。同时，子页面...
这通常包括两个部分：显示弹出框和遮罩层，以及关闭弹出框并移除遮罩层。当用户触发某个事件（如点击按钮）时，调用这些函数。 4. **事件处理**：确保在父页面中，如果有需要与子页面进行交互的事件，例如关闭弹出...
在实际开发中，需要注意跨域问题，因为出于安全考虑，不同源的`iframe`之间不能自由地进行DOM操作和数据交互，除非两个页面都设置了正确的`CORS`策略。此外，`iframe`的加载可能有延迟，因此在操作`iframe`内的元素...
4. **多个iframe间的消息传递**：如果页面上有多个`iframe`，它们都可以通过`postMessage`和`message`事件进行通信。每个`iframe`都可以作为消息的发送者或接收者，只要正确设置目标源和监听事件即可。 5. **`...
当一个页面（父页面）嵌入了另一个页面（子页面）作为iframe时，有时需要在两个页面之间通信，调用各自的功能。下面我们将详细介绍如何实现这一功能。 1. 父页面调用子页面的函数： 在`parent.html`（父页面）中，...