JavaScript入门2

5.document对象：
Document对象是window对象的一个对象属性，代表浏览器窗口中装载的整个HTML文档。文档中的每个HTML元素对应着JavaScript对象。因为document代表整个HTML文档，是其他HTML元素的根节点，其他节点可以通过document引用。 document的属性和方法一般用来设置文档的外观和内容。

1.documen对象s属性：
Document对象属性实现的功能用HTML中的标签也可以实现，从表面效果看来相似，但是与事件处理程序结合使用就体现出二者的不同。

2.document对象方法：
最常用的就是 writeln()方法，一些常用的document对象方法如表所示：
open()---打开一个流，跟window对象的open()方法类似。
close()---关闭open（）方法打开的输出流
write()---向html文档中写入内容。
writeln()---与write（）方法相比，每次写完内容后多一个换行符。
getElementById()---返回文档中任何元素（Id属性具有唯一性）的引用
getElementsByName()---返回指定name属性的对象引用数组。
getElementsByTagName()---返回指定标签名的对象引用数组
createElement()---产生一个代表某个HTML元素的对象，而后使用个父元素的方法来休干文档的内容（如appendChild()方法）

3.document对象事件：
document对象常用的事件处理程序就是window对象中介绍的通用事件，下面通过一个document对象的实例来演示其属性和方法的使用。

<head>
<script language="JavaScript">
            function setDocument() {
                document.bgColor = "white";
                document.fgColor = "black";
                document.alinkColor = "red";
                document.vlinkColor = "green";
                document.linkColor = "yellow";
            }
            function create_Element() {
                var area = document.getElementById("area");  //通过area读取得对象。
                var element = document.createElement("input");   //动态创建一个对象
                element.type="radio";
                    var obj = area.appendChild(element);   //将对象插入到area中,返回值是添加的节点
                obj.checked=true;
            }
</script>
</head>

<body onload=="setDocument()">
        <h1>document对象的属性和方法</h1><br>
            <font color=red onclick="javascript:create_Element()">
                        点一下这里
                    </font>
                    <br><br>
        <a href="newWindow.html">进入新窗口</a><br>
        <div id="area"></div>
</body>


(newWindow.html)
<head>
        <script language="JavaScript">
            document.write("hello! 欢迎来到新窗口");
        </script>
</head>
<body>
    <h1>这是新窗口</h1>
</body>

第一个页面打开后的效果，什么标题，红色文本，连接都是通过document对象设置网页文档的背景颜色，文本颜色等等。

点一下红色文本就会出现一个已选定的单选按钮

新链接的窗口

JavaScript中还有很多其他对象，事实上，HTML中每个元素基本都在JavaScript中有相应的对象。