Document.write和 InnerHTML

Document.write

定义: Document.write（）这种方法是将文本字符串写入document.open（）打开的文档流。

document.write()方法可以用在两个方面：页面载入过程中用实时脚本创建页面内容，以及用延时脚本创建本窗口或新窗口的内容。该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。

注意：

1. 在head中运行document.write()，则参数写在body内容的开头。

2. 在body中运行document.write()，则参数写在运行的script标签后面。

3. 同步引用外部js，参数也是写在运行的script标签后面。

4. 异步引用外部js，必须先运行document.open()清空文档，然后才能运行document.write()，参数写在body内容的开头。
如果不先运行document.open()，直接运行document.write()，则无效、

5. 如果document.write()在DOMContentLoaded或load事件的回调函数中，则不管是在head中，body中，同步的js中，异步的js中，
都会先清空文档（自动调用document.open()），然后运行document.write()，参数写在body内容的开头

6. document.write()也能写入含有script标签的字符串，但是需要转义。写入的script标签中的内容会正常运行。

7. document.write()可以传入多个参数。

8.当document.write写入文档流时，在已关闭（加载）的文档上调用document.write会自动调用document.open，这将清除文档。

InnerHTML

定义：Element属性innerHTML获取或设置元素中包含的HTML或XML标记。

InnerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容；