iframe1 调用 iframe2函数
时间: 2023-11-20 15:54:51 浏览: 46
使用window.frames来获取iframe2的window对象,然后就可以调用iframe2中的函数了。具体实现代码如下:
```javascript
var iframe2 = window.frames['iframe2'];
iframe2.func();
```
其中,'iframe2'是iframe2的name属性值,func()是iframe2中需要调用的函数名。
相关问题
iframe内函数调用两次
当在iframe内调用函数两次时,可以通过以下步骤解决:
1. 确保iframe的name属性设置正确。在父页面中调用子页面方法,需要使用子页面iframe的name属性来引用。确保子页面的name属性与父页面中引用的名称一致。
2. 使用window.postMessage方法进行跨域通信。这个方法允许在不同的窗口间安全地传递消息。在父页面中,使用window.postMessage方法来发送消息给子页面。在子页面中,监听message事件来接收消息,并执行相应的函数。
3. 在子页面中,可以使用window.parent来调用父页面的方法。通过window.parent来引用父页面的window对象,并调用父页面中的函数。
4. 在父页面中,可以使用window.frames来引用iframe的window对象,并调用子页面中的函数。通过window.frames来引用子页面的window对象,然后调用子页面中的函数。
综上所述,可以通过上述方法解决在iframe内函数调用两次的问题。通过正确设置iframe的name属性,并使用window.postMessage方法进行跨域通信,可以实现父页面与子页面之间的函数调用。
jq 调用iframe 中的函数
要在父页面中调用iframe中的函数,可以通过以下步骤实现:
1. 获取iframe元素,例如:var iframe = $('#iframeId')[0];
2. 获取iframe中的window对象,例如:var win = iframe.contentWindow;
3. 调用iframe中的函数,例如:win.iframe中的函数名称();
具体代码示例如下:
// 获取iframe元素
var iframe = $('#iframeId')[0];
// 获取iframe中的window对象
var win = iframe.contentWindow;
// 调用iframe中的函数
win.iframe中的函数名称();