document.write和innerHtml的区别

document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。

innerHTML则是DOM页面元素的一个属性，代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容，则需要修改document.documentElement.innerElement,且innerHTML将内容写入某个DOM节点，不会导致页面全部重绘。

document.write是重写整个document, 写入内容是字符串的html

innerHTML是HTMLElement的属性，是一个元素的内部html内容

所以两者都可向页面输出内容,innerHTML比document.write更灵活，而innerHTML很多情况下都优于document.write，其原因在于其允许更精确的控制要刷新页面的那一个部分。