在父页面的iframe中调用JavaScript代码|三体教程
文章目录

在父页面的iframe中调用JavaScript代码

今天遇到一个问题,在页面中有一个iframe,而在这个iframe中我需要从父页面调用相关的javascript。

如果是反过来倒很简单,直接可以作用parent.functionName(),但是现在是相反的,就不知道怎么写代码了。

注意,我的问题并不是要更改iframe的url,而是要调用iframe中定义的函数。

试了很久,终于在网上查到相关资料,如下。

假设iframe的id是“targetFrame”,要调用的函数是frameFunction(),使用如下代码:

document.getElementById('targetFrame').contentWindow.frameFunction();

还可以使用window.frames,而不是访问框架document.getElementById。

//此方法在大多数Chrome和Firefox的最新版本中都不起作用。

window.frames[0].frameElement.contentWindow.frameFunction();

需要注意的是,如果你是跨域操作,将得不到你想要的结果。

本文网址:http://www.santii.com/article/188.html


数据更新时间:2018-05-21