document.write与innerHTML的差别

1. document.write:

• document.write是一个JavaScript方法，用于向HTML文档写入内容。
• 当使用document.write方法时，它会直接将内容写入到文档中，覆盖之前的内容。
• 如果在页面加载完成后使用document.write方法，它会覆盖整个文档，包括和标签。
• 使用document.write方法会打断页面的渲染过程，降低页面性能。

2. innerHTML:

• innerHTML是一个DOM属性，用于获取或设置元素的HTML内容。
• 当使用innerHTML属性时，它会替换元素的所有子节点内容，但不会影响元素的其它属性。
• innerHTML可以在元素内部插入新的内容，而不会覆盖整个文档。
• 使用innerHTML属性可以更灵活地操作页面的内容，不会打断页面的渲染过程，提高页面性能。

总的来说，document.write是直接向文档写入内容，而innerHTML是操作元素的HTML内容。在大多数情况下，建议使用innerHTML来操作页面内容，因为它更灵活、不会打断页面渲染，提高页面性能。