document.write的四种用法
document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。
1）、输出内容用""括起，直接输出""号内的内容。
<script type="text/javascript">
document.write("你想输入的内容直接写在这里");
//内容用""括起来，""里的内容直接输出。
</script>
2）、通过变量，输出内容
<script type="text/javascript">
var mystr="你想输入的内容直接写在这里";
document.write(mystr); //直接写变量名，输出变量存储的内容。
</script>
3）、输出多项内容，内容之间用+号连接。
<script type="text/javascript">
var mystr="第一句话";
document.write(mystr+"第二句话");
//多项内容之间用+号连接
</script>
结果是：第一句话第二句话
4）、输出HTML标签，并起作用，标签使用""括起来。
<script type="text/javascript">
var mystr="你想输入的内容直接写在这里";
document.write(mystr+"<br>");
//输出 你想输入的内容直接写在这里 后，输出一个换行符
document.write("JavaScript");
</script>
document.write的对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
Document 对象集合
|
集合 |
描述 |
|
提供对文档中所有 HTML 元素的访问。 |
|
|
返回对文档中所有 Anchor 对象的引用。 |
|
|
applets |
返回对文档中所有 Applet 对象的引用。 |
|
返回对文档中所有 Form 对象引用。 |
|
|
返回对文档中所有 Image 对象引用。 |
|
|
返回对文档中所有 Area 和 Link 对象引用。 |
Document 对象属性
|
属性 |
描述 |
|
body |
提供对 <body> 元素的直接访问。 对于定义了框架集的文档，该属性引用最外层的 <frameset>。 |
|
设置或返回与当前文档有关的所有 cookie。 |
|
|
返回当前文档的域名。 |
|
|
返回文档被最后修改的日期和时间。 |
|
|
返回载入当前文档的文档的 URL。 |
|
|
返回当前文档的标题。 |
|
|
返回当前文档的 URL。 |
Document 对象方法
|
方法 |
描述 |
|
关闭用 document.open() 方法打开的输出流，并显示选定的数据。 |
|
|
返回对拥有指定 id 的第一个对象的引用。 |
|
|
返回带有指定名称的对象集合。 |
|
|
返回带有指定标签名的对象集合。 |
|
|
打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。 |
|
|
向文档写 HTML 表达式 或 JavaScript 代码。 |
|
|
等同于 write() 方法，不同的是在每个表达式之后写一个换行符。 |
document.write的用处
document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open打开新的文档流并写入，此时原来的文档流会被清空，已渲染好的页面就会被清除，浏览器将重新构建DOM并渲染新的页面。
document.write的弊端
从某个角度说，document.write的实际功能确实很强，能够直接修改文档流，但它有很多弊端：
- 在非loading阶段调用document.write会清除已加载的页面；
- document.write不能够在XHTML中使用；
- 嵌入script中的document.write不能给任意节点添加子节点，因为它是随着DOM的构建执行的；
- 利用document.write写入HTML字符串流并不是一个好方法，它有违DOM操作的概念；
- 利用document.write添加script加载外部脚本时，浏览器的HTML解析会被script的加载所阻塞；
document.getElementById()
定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
语法
document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。
不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。
在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。
注：来自网络