javascript - 从 iframe 内部的 .JS 文件调用父函数

Question

我有带有上传功能的 JS 文件。此文件从 iframe 窗口调用。我需要根据用户的操作向用户显示警报。

这是我所做的，但它不起作用：

来自 JS 文件：

$('#btnUpload').on('click', function(){
    parent.CallToParent();
});

从 UploaderWindow 调用到：

function CallToParent()
{
   parent.ShowAlert();
}

在主窗口上：

function ShowAlert()
{
   alert('some alert');
}

Answer 1

我认为你做得对。不知道parent.CallToParent()在click事件中是否真的是指父窗口中的功能。如果没有，那么你可以做类似的事情。

来自 JS 文件：

$(document).ready(function () {
    $('#btnUpload').on('click', function() {
        callParent();
    })
});

从 iframe 开始：

<script type="text/javascript" src="/common/jq.js"></script>
<script type="text/javascript" src="c.js"></script>
<script>
    function callParent() {
        parent.fn();
    }
</script>

<input id="btnUpload" type="button" />

主文件

<script>
    function fn() {
        console.log('Parent function called');
    }
</script>

<iframe src="b.html"></iframe>

Answer 2

据我所知，这两个上下文之间没有脚本的互操作性。

如果您可以控制iframe内容，那么您可以实施“中间人”服务来管道消息。