JavaScript window.opener调用父函数

Question

我试图从子窗口调用父类中定义的javascript函数。 我有两个这样的文件：

家长：

<html>
<head>
<title>Test</title>
<script type="text/javascript">
function foo () {
alert ("Hello from parent!");
}
function doStuff () {
var w = window.open("testa.html");
}
</script>
</head>
<body>
<input type="button" value="open" onClick="doStuff();" />
</body>
</html>

和孩子：

<html>
<head>
<title>Test A</title>
<script type="text/javascript">
function get() {
window.opener.foo();
}
</script>
</head>
<body>
<input type="button" value="Call Parent" onClick="get();" />
</body>
</html>

在我的生活中，我不能从子进程中调用函数foo。 我认为这应该可以使用window.opener对象，但我似乎无法使这个工作。 有什么建议？

Answer 1

确保您通过http：//访问此内容，以便通过相同的原始策略，您可以从子项访问opener。 如果您只是使用file：//，它将无法工作。

Answer 2

回答Rahul的问题：

每个浏览器都可以从服务器或本地文件系统加载页面。 要从本地文件系统加载文件，你应该在浏览器中输入这样的地址file://[path] ，其中[path]是文件系统中文件的绝对路径（包括Windows上的驱动器号，请参阅http：// blogs .msdn.com / b / ie / archive / 2006/12/06 / file-uris-in-windows.aspx了解详情）。

要从本地HTTP服务器（如果有的话）加载文件，你应该设置类似这样的http://localhost:[port]/[path] ，其中[port]是服务器运行的端口（默认为80）和[path]是文件相对于服务器文档根文件夹的路径。 文档根文件夹取决于服务器配置。

因此，如您所见，可以通过两种方式将相同的本地文件加载到浏览器中。 然而，这两种方式之间存在很大差异。 在第一种情况下，浏览器不使用HTTP协议来加载文件，因此缺少许多不同机制正常工作所必需的东西。 例如，AJAX不能与本地文件一起使用，因为HTTP响应状态不是200，等等。

在此特定示例中，浏览器安全机制未获取原始信息并且无法访问父窗口。

JavaScript window.opener调用父函数

问题描述

2 个解决方案

解决方案1
16 已采纳 2012-05-14 22:25:23

解决方案2
1 2015-09-03 15:43:55

JavaScript window.opener调用父函数

问题描述

2 个解决方案

解决方案1 16 已采纳 2012-05-14 22:25:23

解决方案2 1 2015-09-03 15:43:55

解决方案1
16 已采纳 2012-05-14 22:25:23

解决方案2
1 2015-09-03 15:43:55