Question

我需要从iframe（同一个来源）替换顶层文档的整个内容。以下由iframe执行的JavaScript完成了这项工作：

var doc = window.top.document.open("text/html", "replace");
doc.write('hello');
doc.close();

但是，在Firefox中，该操作会将当前文档的URL更改为iframe的URL。在Chrome中，网址不会更改。是否可以从iframe替换文档，但保留其原始URL的方式适用于所有合理的浏览器？（我尝试删除“替换”参数，但没有帮助）。

Answer 1

如果您必须更换完整内容（包括头部等），您可以尝试：

var html = 'YOUR HTML' /* your html string*/,
    url = "javascript:(function(){var c = '" +html +
           "';document.open();document.write(c);document.close();})();";
// replacing the original location with the dynamically generated one 
window.top.location.replace(url);

在这种情况下，网址将与之前相同。如果您不需要更改完整文件，只需更改内容，您可以使用：

window.top.document.documentElement.innerHTML = 'YOUR HTML';

这将使顶级文档的头部保持不变，但会在不更改URL的情况下替换所有内容。

从iframe替换顶部文档而不更改当前URL

1 个答案: