JavaScript BOM学习笔记6——document对象-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_6931/article/details/82174977

本文详细介绍了JavaScript中的Document对象，包括它是如何作为BOM和DOM的一部分存在的，以及如何通过各种集合访问页面元素，例如anchors、applets、embeds、forms、images和links等。还介绍了document对象的write和writeln方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document对象实际上是window对象的属性。因此alert(window.document==document)将返回true。

document对象的独特之处在于它既是BOM对象又是DOM对象。由于BOM没有可以指导实现的标准，因此每个浏览器实现的document都有不同。

document对象有许多集合，提供对载入的页面的各个部位的访问，具体如下：

集合	说明
anchors	页面中所有锚的集合<a name="anchorname"></a>表示
applets	页面中所有applet集合
embeds	页面中所有嵌入对象集合<embed/>表示
forms	页面所有表单集合
images	页面所有图像集合
links	页面所有链接集合<a href=""></a>表示

可以通过数字(数组下标)或者名字引用document对象的每个集合。document.images[0]与document.images["imagename"]都是合法的。见下面的例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        function testDocument() {
            alert(document.links[0].href);
            alert(document.images["imgHome"]);
            alert(document.forms["frmSubscribe"]);
        }
    </script>
</head>
<body>
    <p>Welcome to my <a href="home.html">Home</a>away from home</P>
    <img src="home.jpg" align="right" name="imgHome"/>
    <form method="post" action="accept.cgi" name="frmSubscribe">
        <input type="text" name="textEmail"/>
        <input type="submit" value="Subscribe" onclick="testDocument()"/>
    </form>
</body>
</html>

此外，document对象还有write()和writeln()方法，接收一个参数，即要写入文档的字符串。这两个方法都会将文本插入调用它们的地方。

参考书：
《JavaScript高级编程》Nicolas C. Zakas著，曹力张欣等译。