互动Iframe

Question

所以我想要实现的是一个互动的iframe。此iframe将与当前的父网址（http://parenturl.com）重合。

所以说我有iframe转到http://www.google.com，然后点击所述iframe中的链接。

这会将父网址更新为http://parenturl.com#www.google.com/link2，iframe会转到您点击的内容。

我还希望父网址接受参数，所以如果我http://parenturl.com#bing.com，它会转到http://bing.com。

iframe代码：

<iframe src="http://www.google.com" id="myFrame"></iframe>

调用iframe中的每次点击：

$('a').click(function() {
    window.top.location.href = "http://www.parenturl.com#"+$(this).attr('href'); 
});

加载页面时调用：

window.onload = function() {
var loc = 'Get url from # in parent url;
    document.getElementById('myFrame').setAttribute('src', loc);
});

我可以访问这两个域，但我只能在一个域上编辑html。

Answer 1

为了防止跨站点脚本攻击，当iframe位于与父级不同的域时，不允许从iframe到父级的所有通信。您可以从父级设置iframe网址。另一种方式 - 如将当前网址从iframe传递给父网址 - 是不可能的。