javascript - 从框架调用主页上的功能

Question

我无法从框架调用所有者页面上的函数。

来自 Jsfiddle 的这段代码显示了问题:

主页(框架所有者):

按钮框架开启器:

<a href="https://fiddle.jshell.net/HappyCougar/f9e1v1ck/8/show/light/" onclick="var frame = window.open(this.href, 'frame','width=1000,height=825px,toolbar=1,location=0,resizable=1,scrollbars=1');frame.focus(); return false;">Open Window</a>

必须调用的函数:

function simple_function() {
  $("b").text("WORK!");
}

框架:

尝试调用函数:

$("button").click(function(){
    window.opener.$('body').append("<script type='text\/javascript'>simple_function();<\/script>");
});

返回帧

simple_function is not defined

主页上没有任何内容

有什么问题吗？

https://fiddle.jshell.net/HappyCougar/p7dxeznc/1/show/light/ - 简单的主页 https://fiddle.jshell.net/HappyCougar/f9e1v1ck/8/show/light/ - 简单的框架

Answer 1

这与框架无关，你说的是窗口。为什么不直接从打开的窗口调用该函数，例如:

<script type="text/javascript">
window.opener.simple_function();
</script>