JavaScript由ECMAScript(基本语法),BOM和DOM组成,下面是对JS中一些对象的总结。 <o:p></o:p>
一.BOM<o:p></o:p>
BOM指(Brower Object Model)浏览器对象模型。<o:p></o:p>
从BOM的角度看,侧重于从集合的角度看问题,把页面划分为不同的部分,以及页面本身的一些属性,如背景色,标题名称等,由于BOM的实现是基于浏览器的,所以不同浏览器的属性和方法有不一致之处,这造成很多麻烦。注意一些一致的,常用的属性和方法,BOM把页面分为如下几部分:<o:p></o:p>
anchors : Collection of all anchors in the page(represented by <v:shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><v:stroke joinstyle="miter"></v:stroke><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0"></v:f><v:f eqn="sum @0 1 0"></v:f><v:f eqn="sum 0 0 @1"></v:f><v:f eqn="prod @2 1 2"></v:f><v:f eqn="prod @3 21600 pixelWidth"></v:f><v:f eqn="prod @3 21600 pixelHeight"></v:f><v:f eqn="sum @0 0 1"></v:f><v:f eqn="prod @6 1 2"></v:f><v:f eqn="prod @7 21600 pixelWidth"></v:f><v:f eqn="sum @8 21600 0"></v:f><v:f eqn="prod @7 21600 pixelHeight"></v:f><v:f eqn="sum @10 21600 0"></v:f></v:formulas><v:path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></v:path><o:lock aspectratio="t" v:ext="edit"></o:lock></v:shapetype><v:shape id="_x0000_i1025" style="WIDTH: 0.75pt; HEIGHT: 0.75pt" alt="" type="#_x0000_t75"><v:imagedata o:href="http://ltc603.iteye.com/javascripts/fckeditor/editor/images/spacer.gif" src="file:///C:\DOCUME~1\ADMINI~1\LOCALS~1\Temp\msohtml1\01\clip_image001.gif"></v:imagedata></v:shape>)<o:p></o:p>
applets : Collection of all applets in the page<o:p></o:p>
forms : Collection od all embeded objects in the page(represented by the tag)<o:p></o:p>
images : Collection of all forms in the page<o:p></o:p>
links : Collection of all links in the page (represented by )<o:p></o:p>
二.Window对象<o:p></o:p>
Window对象属于BOM对象。<o:p></o:p>
他是JavaScript 层级中的顶层对象。Windows 对象会呈现 (represent) 一个浏览器窗口。每当 或者标签出现,Window 对象就会被自动创建。观察BOM的体系结构,所有的对象都源自window对象,<o:p></o:p>
window对象的属性:<o:p></o:p>
对象<o:p></o:p>
|
描述<o:p></o:p>
|
Navigator<o:p></o:p>
|
包含客户端浏览器的信息。<o:p></o:p>
|
Screen<o:p></o:p>
|
包含客户端显示屏的信息。<o:p></o:p>
|
History<o:p></o:p>
|
包含了浏览器窗口访问过的 URL。<o:p></o:p>
|
Location<o:p></o:p>
|
包含了当前 URL 的信息。<o:p></o:p>
|
frames <o:p></o:p>
|
集合属性,返回窗口中所有命名的框架。<o:p></o:p>
|
document <o:p></o:p>
|
对象代表整个 HTML 文档,可用来访问页面中的所有元素<o:p></o:p>
|
注意:Navigator, Screen, History, Location等对象实际上是 JavaScript 对象,而不是 HTML DOM 对象,它们是由 JavaScript runtime engine 自动创建的。<o:p></o:p>
三.HTML DOM 对象<o:p></o:p>
当一个HTML标签出现一次,下面的HTML DOM对象就被创建一次。<o:p></o:p>
对象<o:p></o:p>
|
描述<o:p></o:p>
|
Document<o:p></o:p>
|
代表整个 HTML 文档,可被用来访问页面中的所有元素<o:p></o:p>
|
Anchor<o:p></o:p>
|
代表一个 a 元素<o:p></o:p>
|
Area<o:p></o:p>
|
代表一个图像地图中的 area 元素<o:p></o:p>
|
Base<o:p></o:p>
|
代表 base 元素<o:p></o:p>
|
Body<o:p></o:p>
|
代表 body 元素<o:p></o:p>
|
Button<o:p></o:p>
|
代表 button元素<o:p></o:p>
|
Event<o:p></o:p>
|
代表某个事件的状态<o:p></o:p>
|
Form<o:p></o:p>
|
代表 form 元素<o:p></o:p>
|
Frame<o:p></o:p>
|
代表一个 frame 元素<o:p></o:p>
|
Frameset<o:p></o:p>
|
代表一个 frameset 元素<o:p></o:p>
|
Iframe<o:p></o:p>
|
代表一个iframe元素<o:p></o:p>
|
Image<o:p></o:p>
|
代表一个 img 元素<o:p></o:p>
|
Input button<o:p></o:p>
|
代表 HTML 表单中的一个按钮<o:p></o:p>
|
Input checkbox<o:p></o:p>
|
代表 HTML 表单中的一个复选框<o:p></o:p>
|
Input file<o:p></o:p>
|
代表 HTML 表单中的一个文件上传<o:p></o:p>
|
Input hidden<o:p></o:p>
|
代表 HTML 表单中的一个隐藏域<o:p></o:p>
|
Input password<o:p></o:p>
|
代表 HTML 表单中的一个密码域<o:p></o:p>
|
Input radio<o:p></o:p>
|
代表 HTML 表单中的一个单选按钮<o:p></o:p>
|
Input reset<o:p></o:p>
|
代表 HTML 表单中的一个重置按钮<o:p></o:p>
|
submit<o:p></o:p>
|
代表 HTML 表单中的一个确认按钮<o:p></o:p>
|
Input text<o:p></o:p>
|
代表 HTML 表单中的一个文本输入域(文本框)<o:p></o:p>
|
Link<o:p></o:p>
|
代表一个 link 元素<o:p></o:p>
|
<st1:place w:st="on">Meta</st1:place><o:p></o:p>
|
代表一个 meta 元素<o:p></o:p>
|
Object<o:p></o:p>
|
代表一个 Object 元素<o:p></o:p>
|
Option<o:p></o:p>
|
代表一个 option元素<o:p></o:p>
|
Select<o:p></o:p>
|
代表 HTML 表单中的一个选择列表<o:p></o:p>
|
Style<o:p></o:p>
|
代表一个单独的样式声明<o:p></o:p>
|
Table<o:p></o:p>
|
代表一个 table 元素<o:p></o:p>
|
TableData<o:p></o:p>
|
代表一个 td 元素<o:p></o:p>
|
TableRow<o:p></o:p>
|
代表一个 tr 元素<o:p></o:p>
|
Textarea<o:p></o:p>
|
代表一个 textarea 元素<o:p></o:p>
|
四.Document对象<o:p></o:p>
Document是唯一BOM和DOM都有的对象。<o:p></o:p>
Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素,它是 Window 对象的一个部分,可通过window.document 属性来访问<o:p></o:p>
Document 对象的属性<o:p></o:p>
属性<o:p></o:p>
|
描述<o:p></o:p>
|
“b ody”<o:p></o:p>
|
提供对 body 元素的直接访问<o:p></o:p>
|
cookie<o:p></o:p>
|
设置或返回与当前文档有关的所有 cookies<o:p></o:p>
|
domain<o:p></o:p>
|
返回当前文档的域名<o:p></o:p>
|
lastModified<o:p></o:p>
|
返回文档被最后修改的日期和时间<o:p></o:p>
|
referrer<o:p></o:p>
|
返回载入当前文档的文档的 URL<o:p></o:p>
|
title<o:p></o:p>
|
返回当前文档的标题<o:p></o:p>
|
URL<o:p></o:p>
|
返回当前文档的 URL<o:p></o:p>
|
Document 对象的集合属性
集合属性 描述<o:p></o:p>
anchors[] 返回对文档中所有 Anchor 对象的引用<o:p></o:p>
forms[] 返回对文档中所有 Form 对象引用<o:p></o:p>
images[] 返回对文档中所有 Image 对象引用 <o:p></o:p>
links[] 返回对文档中所有 Area 和 Link 对象引用
分享到:
相关推荐
Javascript对象定义的几种方式
JavaScript提供了几种面向对象的机制,包括继承和封装。 ##### 4.1 封装 JavaScript中的封装主要通过闭包实现。例如,可以创建一个返回私有属性和方法的对象的函数: ```javascript function createPerson(name, ...
以下是对标题和描述中提到的几种JavaScript面向对象编程模式的详细解释: 1. **构造函数与字面量结合模式** 在JavaScript中,我们可以通过构造函数和字面量语法来创建对象。构造函数用于定义对象的类型,而字面量...
在讨论JavaScript中定义对象的几种方式之前,我们先理解一下JavaScript中的对象到底是什么。JavaScript是一种基于原型的编程语言,对象是其核心概念之一。对象可以被视为一个容器,存储各种键值对集合,键为属性名,...
JavaScript中的面向对象特性主要体现在以下几个方面: 1. **基于原型的对象模型**: JavaScript采用的是基于原型的继承机制,而不是类的继承。这意味着每个对象都有一个`__proto__`属性,指向它的构造函数的原型...
在JavaScript中实现面向对象编程主要包括以下几个方面: - **类与对象**:JavaScript没有内置的类的概念,但在ES6中引入了`class`关键字来模拟类的行为。对象则是由类实例化出来的具体实体。 - **封装**:封装是指...
首先,手册的前几章会介绍JavaScript对象的基础知识,包括对象的创建、属性和方法的定义,以及对象与数据类型的关联。JavaScript中的对象是基于原型的,这意味着它们可以通过原型链共享属性和方法。此外,还会讲解...
创建对象的方式有以下几种: 1. 对象字面量: ```javascript var obj = {}; // 创建空对象 var obj = {name: 'Alice', age: 30}; // 创建包含属性的对象 ``` 2. 构造函数: ```javascript var obj = new ...
这里我们将深入探讨几种常见的创建对象的方式。 1. **构造函数**: JavaScript中的构造函数是一种特殊类型的函数,可以用来创建和初始化一个对象。通过`new`关键字调用构造函数,可以创建一个新的对象实例。例如:...
在JavaScript中,函数同样是一种对象,具有特殊的内部属性`[[Class]]`,其值为`"Function"`,表明它是函数类型。函数可以作为普通的对象使用,也可以作为构造函数来创建新的对象实例。在实现上,函数拥有特定的内部...
JavaScript是一种动态类型的编程语言,广泛应用于Web开发,其在处理大量临时对象时,可能会因为频繁创建和销毁对象而导致性能下降。为了解决这个问题,开发者们引入了“对象池”概念, DeePool 就是一个实现这一概念...
JavaScript创建对象的方法主要有以下几种: 一、直接创建 直接创建是通过new Object()来创建一个新的空对象,然后逐步给这个对象添加属性和方法。例如,创建一个名为person1的对象,并添加name、gender属性,以及一...
本文将深入探讨JavaScript创建对象的8种常见方式,帮助你更好地理解和掌握这门动态类型的编程语言。 1. **字面量(Literal)方式** 这是最简单直接的创建对象的方式,通过大括号{}来定义一个对象,然后在内部用...
JavaScript中包含以下几种内置的数据类型: 1. **Undefined**:表示未定义或无法找到的值。在IE5及更早版本中,除了直接赋值或`typeof`操作外,对`undefined`的任何操作都会导致异常。在较新版本的浏览器中,`...
本篇文章将深入探讨JavaScript中实现继承的几种常见方式。 1. 原型链继承 JavaScript的原型(prototype)机制是实现继承的基础。每个函数都有一个prototype属性,这个属性指向一个对象,这个对象的属性和方法可以被...
本文将深入探讨JavaScript中创建对象的几种常见方式以及对象方法。 首先,我们来看“工厂模式”。工厂模式是一种创建对象的抽象方式,通过一个函数来返回一个新的对象。例如: ```javascript function getObj(name...
JavaScript的面向对象特性主要体现在以下几个方面: 1. **构造函数与原型**:函数在JavaScript中可以作为构造函数,通过`new`关键字创建新对象。构造函数的`prototype`属性允许对象共享方法和属性,实现继承。通过`...
在JavaScript中创建对象主要涉及以下几种模式: 1. 工厂模式 工厂模式是最早期的对象创建方式之一,它通过一个函数来创建对象,并返回新创建的对象。这种方法的核心是利用函数封装创建对象的细节,然后通过返回值来...