JavaScript对象总结

JavaScript对象总结

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：肖骏平
撰写时间：2020年4月28日

DOM文档对象模型
对象的分类：内建对象 宿主对象 自定义对象

	内建对象：
			由ES标准中定义的对象，在任何ES的实现中都可以使用

	宿主对象：
			由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象，比
			如：BOM（浏览器对象模型）  DOM（文档对象模型）

	自定义对象：
			由咱们开发人员自己定义的对象

	创建对象：
			使用new关键字词调用函数，是构造函数constructor 构造函数是专门用

来创建对象的函数

宿主对象：DOM对象 BOM对象
DOM，全称Document Ob ject Model文档对象模型
JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操
作WEB页面

文档：
	文档表示的就是整个的HTML网页文档

对象：
	对象表示将网页中的每一个部分都转换为了一个对象

模型：
	使用模型来表示对象之间的关系，这样方便我们获取对象

Object 对象
如果我们使用基本数据类型，可以将一个人的信息保存下来，但是他们是独立的没
有联系的数据
对象属于一种复合的数据类型，在对象中可以存储多个不同数据类型的属性

节点：节点Node，是构成我们网页的最基础的组成部分，网页中的每一个部分都可以称为
一个节点
比如：html标签、属性、文本、注释、整个文档等都是一个节点
虽然都是节点，但是实际上他们的具体类型是不同的
比如：标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为
文档节点
节点的类型不同，属性和方法也都不尽相同

节点：Node——构成HTML文档最基本的单元
常用节点分为四类
		文档节点：整个HTML文档
		元素节点：HTML文档中的HTML标签
		属性节点：元素的标签
		文本节点：HTML标签中的文本内容

节点的属性：nodeName节点名称 nodeType 节点类型 nodeValue 节点的值

文档节点（document）：
		文档节点documen，代表的是整个HTML文档，网页中的所有节点都是它的

子节点
Document对象作为Window对象的属性存在的，我们不用说获取可以直接使
用
通过该对象我们可以在整个文档访问內查找节点对象，并可以通过该对象创建
各种节点对象

元素节点（element）
		HTML中的各种标签都是元素节点，这也是我们最常用的一个节点。
		浏览器会将页面中所有的标签都转换为一个元素节点，我们可以通过

document的方法来获取元素节点

文本节点（Text）
		文本节点表示的是HTML标签以外的文本内容，任意非HTML的文本都是文

本节点
它包括可以字面解释的纯文本内容
文本节点一般是作为元素节点的子节点存在的
获取文本节点时，一般先要获取元素节点。在通过元素节点获取文本节点

属性节点（Attr）
		属性节点表示的是标签中的一个的属性，这里要注意的是属性节点并非是
		元素节点的子节点，而是元素节点的一部分
		可以通过元素节点来获取指定的属性节点