Document.write和 InnerHTML

时间:2024-07-15 16:06:32

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是双向功能:获取对象的内容 或 向对象插入内容;