`

JavaScript BOM学习笔记6——document对象

 
阅读更多

      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-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...

    JavaScript达内学习笔记

    ### JavaScript达内学习笔记知识点详解 #### 一、JavaScript简介 1. **JavaScript**是由网景公司在1995年开发的一种脚本语言。它是一种轻量级的编程语言,无需编译,直接由浏览器解释执行。JavaScript的主要作用...

    javascript学习笔记1

    ### JavaScript 学习笔记1:数组、DOM与BOM简要总结 #### 数组方法概述 在JavaScript中,数组是一种非常重要的数据结构,用于存储多个值。数组对象提供了多种方法来帮助我们操作数组中的元素。 - **pop()**:从...

    javaScript学习笔记总结.docx

    此外,JavaScript还有两个重要的组成部分:BOM(Browser Object Model)和DOM(Document Object Model)。 BOM允许开发者获取和操作浏览器的信息,如浏览器窗口大小、历史记录、弹出对话框等功能。DOM则提供了操作...

    李立超JavaScript基础篇笔记

    JavaScript与网页的交互主要依赖于DOM(Document Object Model)和BOM(Browser Object Model)。DOM提供了对网页内容进行操作的对象,而BOM则允许开发者控制浏览器的某些特性,如窗口、历史记录和导航。 在HTML中...

    我的JavaScript学习笔记

    这篇学习笔记将带你深入了解JavaScript的基础和一些进阶应用。 首先,我们从"Js基本语法"开始。JavaScript是一种弱类型、解释型的脚本语言,它支持变量声明(var、let、const)、数据类型(包括基本类型:字符串、...

    javascript从入门到跑路—–小文的js学习笔记(8)—–bom的对象及其用法—window 、History、location、navigator 、screen

    javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM(Browers,Object,model)...

    JavaScript基础笔记.md

    3. **DOM(Document Object Model)**:文档对象模型,允许JavaScript操作HTML文档结构。 #### 四、基本语法 ##### 1. HTML与JavaScript的结合方式 - **内部JS**:通过`&lt;script&gt;`标签直接在HTML文件中嵌入...

    JS学习笔记(BOM,DOM,字符串方法等)

    本篇笔记将详细介绍数组方法、Date对象、BOM和DOM以及一些基本的字符串方法。 1. **数组方法**: - `call` 和 `apply` 是JavaScript中函数对象的两个方法,它们的主要作用是改变函数执行时的上下文环境(即`this`...

    javascript 基础学习笔记.pdf

    * DOM(Document Object Model):文档对象模型,里面提供了一些属性和方法,可以让我们操作页面中的元素。 * BOM(Browser Object Model):浏览器对象模型,里面提供了一些属性和方法,可以让我们操作浏览器。 ...

    javaScript达内培训笔记

    ### JavaScript基础概述与核心知识点详解 ...以上内容涵盖了JavaScript的基础语法、数据类型、字符串处理、数组操作、函数、正则表达式、数学计算以及面向对象编程的概念,是学习和掌握JavaScript的重要知识点。

    JavaScript学习笔记

    ### JavaScript学习笔记 #### JavaScript简介 JavaScript是一种广泛使用的脚本语言,主要应用于Web前端开发,用来为网页添加交互性。JavaScript不仅可以操作HTML和CSS,还能处理数据、响应用户输入,并与服务器通信...

    我的javascript学习笔记记录

    ### JavaScript 学习笔记知识点详解 #### 在HTML中使用JavaScript - **`&lt;script&gt;`元素**: HTML文档中插入JavaScript的主要方式。它可以放置在文档的`&lt;head&gt;`部分或`&lt;body&gt;`部分。 - **内联脚本**: 直接在`...

    JavaScript从入门到精通学习笔记

    ### JavaScript从入门到精通学习笔记 #### 一、JavaScript简介 **1.1 JavaScript是什么** JavaScript 是一种轻量级的编程语言,主要被用于客户端(浏览器端)的脚本语言,能够实现动态网页效果,增强用户体验。...

    javascript学习基础笔记之DOM对象操作

    `document`是浏览器窗口的一部分,属于BOM(浏览器对象模型)的成员,但同时它也是DOM的一部分,具体表现为HTML DOM的`HTMLDocument`对象。这意味着你可以通过`document`来获取和修改页面上的所有元素。 访问HTML...

    JavaScript李立超基础篇笔记.docx

    JavaScript主要由三部分组成:ECMAScript(标准),DOM(文档对象模型)用于操作网页内容,以及BOM(浏览器对象模型)用于操作浏览器功能。 在JavaScript中,"Hello World"的实现可以通过`alert()`、`document....

    javaScript的笔记

    这篇笔记主要涵盖了JavaScript中的两个重要概念:BOM(Browser Object Model)和DOM(Document Object Model)。 BOM,浏览器对象模型,允许JavaScript与浏览器进行交互。它将浏览器视为一个整体的对象,其中包含多...

    JavaScript 学习笔记(十一)

    ### JavaScript 学习笔记(十一):深入理解 Document 对象 #### 一、Document 对象概述 在继续探讨 `document` 对象之前,我们先简要回顾一下 `document` 在 Web 开发中的重要性。`document` 对象代表当前加载在...

    3.js.BOM.rar

    本文件“3.js.BOM.rar”正是为前端学习者提供的一份宝贵资源,它包含了丰富的笔记和资料,旨在帮助初学者或有经验的开发者深入理解和掌握JavaScript的BOM特性。 BOM是浏览器提供的一种接口,允许JavaScript操作...

Global site tag (gtag.js) - Google Analytics