iframe 点击事件更改位置/URL（跨域但可以控制两个域）

Question

我正在开发一个网站，该网站由主网站组成，然后是分支网站。

这些活动位于单独的域中（但我可以访问这两个域）。

活动通过 iframe 拉入主网站，每个 iframe 将包含主网站菜单（通过代理拉入活动网站）。

我需要的是，如果单击主导航上的链接，实际的浏览器位置将发生变化，而不仅仅是 iframe。这样浏览器 URL 就会发生变化，用户实际上会通过 iframe 离开页面。

我知道相同的起源政策，这就是为什么我遇到这么多麻烦的原因 - 但由于我可以控制两者并且可以修改每个脚本，我认为必须有办法解决这个问题？

我一直在尝试类似的事情

    $(function(){
    $('#menu a').click(function(){
        var linkLocation = $(this).attr('href');
        //parent.location.href=linkLocation
        parent.location.replace(linkLocation)
        return false;
    });
});

，但无论其放置在哪个域中，它似乎都不起作用..非常感谢任何指针/帮助/建议。

安迪

Answer 1

难道不应该是 window.parent 而不仅仅是 parent 吗？从 iframe 内部，您应该能够执行 window.parent.location = linkLocation;

编辑：
您还可以选择执行以下操作

var links = document.getElementsByTagName('a');
for (var i=0; i<links.length; i++) {
  if (links[i].href.indexOf('javascript:') == 0 || links[i].href.indexOf('mailto:') == 0) {
  }
  else {
    $(links[i]).attr('target', '_parent');
  }
}