不同的选项卡之间进行导航，使用iframe的

时，我有两个应用程序不能够实现，他们将是一个iframe中的网站不同的选项卡之间进行导航，使用iframe的

当我点击一个按钮，在应用程序1，应该导航到选项卡浏览器包含应用2，反之亦然。我在这两个应用程序中都有类似下面的代码，当我使用我的应用程序的完整链接时，它工作正常。但是，当他们去一个iframe中，我不能设置window.parent.name和导航是没有发生

<script type="text/javascript"> 
     window.name = "Application1"; 

     </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <a id="game" href="website.aspx" target="Application2">Click for application 2</a> 

    </div> 
    </form> 
</body> 
</html>

来源

2014-01-17 Vignesh Subramanian

如果页面在不同的域或子域托管你会遇到跨域问题，反正用这个方法。你可能想使用window.postMessage以确保兼容性，这里有一个很好的例子：

http://html5demos.com/postmessage2

一个例子是：

parent.html

<iframe id="iframe" src="child.html"></iframe> 
<script> 
    var win = document.getElementById("iframe").contentWindow; 
    win.postMessage('Message from parent', 'child.html'); 
</script>

child.html

<div id="output"></div> 
<script> 
    window.onmessage = function(e) { 
     if (e.origin !== "parent.html") { 
      return; 
     } 
     document.getElementById("output").innerHTML = e.origin + " said: " + e.data; 
    }; 
</script>

来源

2014-01-17 09:59:11

这是可行的，即使我没有控制在主要p在iframe中托管我的应用程序的年龄？ –

仅限使用window.top，window.post您需要访问双方的消息以允许发送消息 –

不同的选项卡之间进行导航，使用iframe的

回答

相关问题