使用自己的上下文使用相对 url 更改 window.location

Question

问题

在我的应用程序中，我有一个父页面，其中包含指向子目录中子页面的 iframe。

父.html
子目录/child.html

在子页面中，我想使用相对 url（“targetPage.html”）设置父页面的位置，相对于父页面。

父.html
targetPage.html（正确目标）
subdir/child.html（动作来源）
subdir/targetPage.html（不正确）

从孩子的内心，我可以说：

window.parent.location = "targetPage.html";

...但是当然，这（错误地）将父页面导航到“subdir/targetPage.html”，因为代码在子上下文中运行。

调用父代码没有帮助：

window.parent.myFunctionToNavigateToTarget(); // defined in parent to navigate to "targetPage.html"

... 具有相同的效果，因为父函数在子上下文中运行。

问题

是否有一种优雅的方法可以使用相对 URL 设置另一个窗口的位置，从而相对于该窗口进行解释？

Answer 1

您可以从父窗口中获取主机名和路径，然后附加您的目标页面：

var targetPage = 'somepage.html';

var url = window.parent.location.href;
if(url.indexOf('.') > -1){
   url = url.substring(0, url.lastIndexOf('/') + 1);
}
window.parent.location = url + targetPage;