document.write()和innerHTML的区别

document.write()和innerHTML是JavaScript的显示方式

1.inner HTML

对于inner HTML,w3c给出的解释是:
document.write()和innerHTML的区别
inner HTML可以写入(改变)HTML元素内容

2.document.write()

对于document.write(),w3c给出的解释是
document.write()和innerHTML的区别
两者都是对HTML页面进行输出,但大多数情况下优先考虑inner HTML

两者有主要区别:
inner HTML将内容写入某个DOM节点,document.write()直接输出内容(页面加载时) 或清除整个HTML页面,打开新的页面输出document.write()(页面加载后)

比如说吧举几个列子

1.inner HTML

document.write()和innerHTML的区别
调用前:
document.write()和innerHTML的区别
调用后:
document.write()和innerHTML的区别

2.document.write()(加载时)

document.write()和innerHTML的区别
document.write()和innerHTML的区别

3.document.write()(加载后)

document.write()和innerHTML的区别
调用前:
document.write()和innerHTML的区别
调用后:
document.write()和innerHTML的区别
可以看到调用后原来的整个页面被清除,显示一个新的页面,这个新页面显示document.write()内容