javascript - 如何访问Iframe父窗口的方法[Chrome浏览器]

标签 javascript jquery html iframe

我尝试了很多次和很多方法来从 iframe 内部调用该方法,但尚未成功。请看下面,

  1. main.html : 由两个 iframe 组成

  2. iframe-1 与 index.html 链接,我想从其中调用 main.html 的方法或想要更改第二个 iframe 的 src。

ma​​in.html

<html> 
    <head> </head>
    <body>
     <iframe id="iframe-1" src="index.html"></iframe>
     <iframe id="iframe-2" ></iframe>
    </body>
</html>

index.html

<html> <head> 
<script type="text/javascript">
 $(document).ready(function(){
    // How to access the method of main.html and change the iframe src
 });
</script>
</head> <body>
    ......
</body> </html>

注意:尝试了parent.methodName()window.parent.methodName()不起作用

@EDIT:在 IE 和 MOZILLA 上成功,但在 Chrome 上出现错误(无法调用未定义的“getElementById”方法)

最佳答案

你应该尝试使用

document.getElementById("iframe-1").contentWindow.func();

var $f = $("#myIFrame");
var fd = $f[0].document || $f[0].contentWindow.document; // document of iframe
fd.MyFunction();  // run function

Docs

关于javascript - 如何访问Iframe父窗口的方法[Chrome浏览器],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17612514/

相关文章:

javascript - 使用 Vanilla JS 监听 jQuery 事件

html - 如何使下拉菜单 View 为垂直?

javascript - 将静态代码转换为可重用的 D3.js 饼图动画

javascript - 我如何将下拉列表 html/css 附加到 jquery 1 行正文

javascript - 在 TypeScript 中转换 FlaggedEnum

javascript - 在 Javascript 中以 CSV 格式下载数据

jquery - 启动后 Cordova 3.4 iOS 白屏

c# - 使用 c# 的 Oauth 2.0 到 vimeo。下一步 : uploading a video to vimeo

php - 特殊字符破坏json返回到jQuery

javascript - 重新加载 div/table 以及与其关联的函数