在不使用 document.write() 的情况下更改页面源答案

【问题标题】：Change page source without using document.write()在不使用 document.write() 的情况下更改页面源
【发布时间】：2020-06-01 02:31:34
【问题描述】：

我想使用 JS 更改/替换页面的完整页面源（这是使用 document.write 时发生的情况），但不建议使用 document.write()。我已经尝试过 document.innerHTML 和其他一些，但我找不到一个有效的。有没有办法使用尊重最佳实践的 JS 来“重写”页面源代码？提前致谢！（这是我的第一个问题，如果我做错了什么，请告诉我）

编辑：我的意思是更改所有页面源（包括头部），而不仅仅是正文。

示例：运行JS前，页面源为： <html><head></head><body>Hi</body></html>

运行JS后：<html><head><title>ttl</title></head><body>Hi!!M</body></html>

【问题讨论】：

innerHTML 可以用吗？

标签： javascript html

【解决方案1】：

尝试使用

<script>
window.onload = function() {
    document.getElementsByTagName('body')[0].innerHTML="JavaScript";
}
</script>

【讨论】：

【解决方案2】：

试试：

<script>
    document.querySelector('body').innerHTML="Hello World!";
</script>

这会覆盖你的 html 文档的所有内容并写 Hello World！

【讨论】：

感谢您的回答，但是有什么方法可以更改整个文档吗？
@HACKERALERT 这将改变你的整个文件，只有我试过这个
是的，它可以改变身体，但我正在寻找一种方法来改变整个文档，也就是头部。