javascript document.write和innerHTML输出不同的值

JavaScript中的document.write和innerHTML都是用于向HTML文档中插入内容的方法，但它们有一些区别。

document.write是一个直接的方法，它可以在页面加载时直接将内容写入到HTML文档中。它可以在任何位置使用，包括在<script>标签中，也可以在页面加载完成后使用。但是，如果在页面加载完成后使用document.write，它会覆盖整个文档，即使只是插入一小段内容。

innerHTML是一个属性，它可以用来获取或设置HTML元素的内容。通过设置innerHTML属性，可以将内容插入到指定的HTML元素中。与document.write不同，innerHTML可以在页面加载完成后使用，并且不会覆盖整个文档，而是将内容插入到指定的元素中。

总结一下：

• document.write是一个直接的方法，可以在页面加载时或加载完成后使用，但会覆盖整个文档。
• innerHTML是一个属性，用于获取或设置HTML元素的内容，可以在页面加载完成后使用，并且不会覆盖整个文档。

在实际应用中，根据具体的需求选择使用document.write还是innerHTML。如果需要在页面加载完成后动态地插入内容，推荐使用innerHTML，因为它更灵活且不会破坏整个文档结构。如果只是在页面加载时插入一些静态内容，可以使用document.write。