从.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内容，那么您可以实现一个“中间人”服务来传递消息。