javascript - 在不更改当前 URL 的情况下从 iframe 替换顶级文档

Question

我需要从 iframe(同源)替换顶部文档的全部内容。以下由 iframe 执行的 JavaScript 完成了这项工作:

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

但是，在 Firefox 中，该操作会将当前文档的 URL 更改为 iframe 的 URL。在 Chrome 中，URL 不会更改。是否可以从 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);

在这种情况下，url 将与以前相同。如果您不需要更改整个文件，只需更改内容，您可以使用:

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

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