从iframe中调用父窗口函数

我想从iframe调用父窗口JavaScript函数。

<script>
    function abc()
    {
        alert("sss");
    }
</script>

<iframe id="myFrame">
    <a onclick="abc();" href="#">Call Me</a>
</iframe>

当前回答

你可以使用

window.top

参见以下内容。

<head>
    <script>
    function abc() {
        alert("sss");
    }
    </script>
</head>
<body>
    <iframe id="myFrame">
        <a onclick="window.top.abc();" href="#">Click Me</a>
    </iframe>
</body>

2011-11-08 15:08:01

其他回答

你可以使用

window.top

参见以下内容。

<head>
    <script>
    function abc() {
        alert("sss");
    }
    </script>
</head>
<body>
    <iframe id="myFrame">
        <a onclick="window.top.abc();" href="#">Click Me</a>
    </iframe>
</body>

2011-11-08 15:08:01

我把这个作为一个单独的答案，因为它与我现有的答案无关。

这个问题最近在从引用子域的iframe访问父节点时再次出现，现有的修复不起作用。

这一次的答案是修改文件。父页面的域和iframe必须相同。这将使同源策略检查误以为它们共存于完全相同的域中(子域被视为不同的主机，同源策略检查失败)。

将以下内容插入到iframe中页面的<head>以匹配父域(根据您的doctype进行调整)。

<script>
    document.domain = "mydomain.com";
</script>

请注意，这将在本地主机开发时抛出一个错误，所以使用如下检查来避免错误:

if (!window.location.href.match(/localhost/gi)) {
    document.domain = "mydomain.com";
}

2012-02-20 10:00:19

出于安全考虑，Parent.abc()只能在同一域上工作。我试过这个方法，我的效果很好。

<head>
    <script>
    function abc() {
        alert("sss");
    }

    // window of the iframe
    var innerWindow = document.getElementById('myFrame').contentWindow;
    innerWindow.abc= abc;

    </script>
</head>
<body>
    <iframe id="myFrame">
        <a onclick="abc();" href="#">Click Me</a>
    </iframe>
</body>

希望这能有所帮助。：）

2013-02-19 02:26:08

使用Firefox和Chrome浏览器，您可以使用:

<a href="whatever" target="_parent" onclick="myfunction()">

如果myfunction同时出现在iframe和parent中，父函数将被调用。

2014-05-18 23:01:16

<a onclick="parent.abc();" href="#" >Call Me </a>

看到window.parent

返回当前窗口或子帧的父窗口的引用。

如果窗口没有父属性，则其父属性是对自身的引用。

当一个窗口在<iframe>， <object>，或<frame>中加载时，它的父窗口是包含嵌入该窗口的元素的窗口。

2010-01-29 10:56:31

从iframe中调用父窗口函数

推荐文章

最新文章

标签