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著, 曹力 张欣 等译。
分享到:
相关推荐
以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...
### JavaScript达内学习笔记知识点详解 #### 一、JavaScript简介 1. **JavaScript**是由网景公司在1995年开发的一种脚本语言。它是一种轻量级的编程语言,无需编译,直接由浏览器解释执行。JavaScript的主要作用...
### JavaScript 学习笔记1:数组、DOM与BOM简要总结 #### 数组方法概述 在JavaScript中,数组是一种非常重要的数据结构,用于存储多个值。数组对象提供了多种方法来帮助我们操作数组中的元素。 - **pop()**:从...
此外,JavaScript还有两个重要的组成部分:BOM(Browser Object Model)和DOM(Document Object Model)。 BOM允许开发者获取和操作浏览器的信息,如浏览器窗口大小、历史记录、弹出对话框等功能。DOM则提供了操作...
JavaScript与网页的交互主要依赖于DOM(Document Object Model)和BOM(Browser Object Model)。DOM提供了对网页内容进行操作的对象,而BOM则允许开发者控制浏览器的某些特性,如窗口、历史记录和导航。 在HTML中...
这篇学习笔记将带你深入了解JavaScript的基础和一些进阶应用。 首先,我们从"Js基本语法"开始。JavaScript是一种弱类型、解释型的脚本语言,它支持变量声明(var、let、const)、数据类型(包括基本类型:字符串、...
javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM(Browers,Object,model)...
3. **DOM(Document Object Model)**:文档对象模型,允许JavaScript操作HTML文档结构。 #### 四、基本语法 ##### 1. HTML与JavaScript的结合方式 - **内部JS**:通过`<script>`标签直接在HTML文件中嵌入...
本篇笔记将详细介绍数组方法、Date对象、BOM和DOM以及一些基本的字符串方法。 1. **数组方法**: - `call` 和 `apply` 是JavaScript中函数对象的两个方法,它们的主要作用是改变函数执行时的上下文环境(即`this`...
* DOM(Document Object Model):文档对象模型,里面提供了一些属性和方法,可以让我们操作页面中的元素。 * BOM(Browser Object Model):浏览器对象模型,里面提供了一些属性和方法,可以让我们操作浏览器。 ...
### JavaScript基础概述与核心知识点详解 ...以上内容涵盖了JavaScript的基础语法、数据类型、字符串处理、数组操作、函数、正则表达式、数学计算以及面向对象编程的概念,是学习和掌握JavaScript的重要知识点。
### JavaScript学习笔记 #### JavaScript简介 JavaScript是一种广泛使用的脚本语言,主要应用于Web前端开发,用来为网页添加交互性。JavaScript不仅可以操作HTML和CSS,还能处理数据、响应用户输入,并与服务器通信...
### JavaScript 学习笔记知识点详解 #### 在HTML中使用JavaScript - **`<script>`元素**: HTML文档中插入JavaScript的主要方式。它可以放置在文档的`<head>`部分或`<body>`部分。 - **内联脚本**: 直接在`...
### JavaScript从入门到精通学习笔记 #### 一、JavaScript简介 **1.1 JavaScript是什么** JavaScript 是一种轻量级的编程语言,主要被用于客户端(浏览器端)的脚本语言,能够实现动态网页效果,增强用户体验。...
`document`是浏览器窗口的一部分,属于BOM(浏览器对象模型)的成员,但同时它也是DOM的一部分,具体表现为HTML DOM的`HTMLDocument`对象。这意味着你可以通过`document`来获取和修改页面上的所有元素。 访问HTML...
JavaScript主要由三部分组成:ECMAScript(标准),DOM(文档对象模型)用于操作网页内容,以及BOM(浏览器对象模型)用于操作浏览器功能。 在JavaScript中,"Hello World"的实现可以通过`alert()`、`document....
这篇笔记主要涵盖了JavaScript中的两个重要概念:BOM(Browser Object Model)和DOM(Document Object Model)。 BOM,浏览器对象模型,允许JavaScript与浏览器进行交互。它将浏览器视为一个整体的对象,其中包含多...
### JavaScript 学习笔记(十一):深入理解 Document 对象 #### 一、Document 对象概述 在继续探讨 `document` 对象之前,我们先简要回顾一下 `document` 在 Web 开发中的重要性。`document` 对象代表当前加载在...
本文件“3.js.BOM.rar”正是为前端学习者提供的一份宝贵资源,它包含了丰富的笔记和资料,旨在帮助初学者或有经验的开发者深入理解和掌握JavaScript的BOM特性。 BOM是浏览器提供的一种接口,允许JavaScript操作...