`
java虫
  • 浏览: 535685 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript的几种对象

阅读更多

      JavaScriptECMAScript(基本语法),BOMDOM组成,下面是对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是唯一BOMDOM都有的对象。<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对象定义的几种方式

    JAVASCRIPT 面向对象编程精要

    JavaScript提供了几种面向对象的机制,包括继承和封装。 ##### 4.1 封装 JavaScript中的封装主要通过闭包实现。例如,可以创建一个返回私有属性和方法的对象的函数: ```javascript function createPerson(name, ...

    javascript面向对象编程的几种模式详解

    以下是对标题和描述中提到的几种JavaScript面向对象编程模式的详细解释: 1. **构造函数与字面量结合模式** 在JavaScript中,我们可以通过构造函数和字面量语法来创建对象。构造函数用于定义对象的类型,而字面量...

    JAVASCRIPT中定义对象的几种方式.pdf

    在讨论JavaScript中定义对象的几种方式之前,我们先理解一下JavaScript中的对象到底是什么。JavaScript是一种基于原型的编程语言,对象是其核心概念之一。对象可以被视为一个容器,存储各种键值对集合,键为属性名,...

    JavaScript面向对象的支持

    JavaScript中的面向对象特性主要体现在以下几个方面: 1. **基于原型的对象模型**: JavaScript采用的是基于原型的继承机制,而不是类的继承。这意味着每个对象都有一个`__proto__`属性,指向它的构造函数的原型...

    javascript 经典面向对象设计

    在JavaScript中实现面向对象编程主要包括以下几个方面: - **类与对象**:JavaScript没有内置的类的概念,但在ES6中引入了`class`关键字来模拟类的行为。对象则是由类实例化出来的具体实体。 - **封装**:封装是指...

    javascript对象参考手册

    首先,手册的前几章会介绍JavaScript对象的基础知识,包括对象的创建、属性和方法的定义,以及对象与数据类型的关联。JavaScript中的对象是基于原型的,这意味着它们可以通过原型链共享属性和方法。此外,还会讲解...

    javascript中数组、对象

    创建对象的方式有以下几种: 1. 对象字面量: ```javascript var obj = {}; // 创建空对象 var obj = {name: 'Alice', age: 30}; // 创建包含属性的对象 ``` 2. 构造函数: ```javascript var obj = new ...

    javascript创建对象的方式(二)

    这里我们将深入探讨几种常见的创建对象的方式。 1. **构造函数**: JavaScript中的构造函数是一种特殊类型的函数,可以用来创建和初始化一个对象。通过`new`关键字调用构造函数,可以创建一个新的对象实例。例如:...

    JavaScript对象模型

    在JavaScript中,函数同样是一种对象,具有特殊的内部属性`[[Class]]`,其值为`"Function"`,表明它是函数类型。函数可以作为普通的对象使用,也可以作为构造函数来创建新的对象实例。在实现上,函数拥有特定的内部...

    deePool高效的JavaScript对象池

    JavaScript是一种动态类型的编程语言,广泛应用于Web开发,其在处理大量临时对象时,可能会因为频繁创建和销毁对象而导致性能下降。为了解决这个问题,开发者们引入了“对象池”概念, DeePool 就是一个实现这一概念...

    javascript如何创建对象

    JavaScript创建对象的方法主要有以下几种: 一、直接创建 直接创建是通过new Object()来创建一个新的空对象,然后逐步给这个对象添加属性和方法。例如,创建一个名为person1的对象,并添加name、gender属性,以及一...

    JavaScript学习之二 — JavaScript创建对象的8种方式

    本文将深入探讨JavaScript创建对象的8种常见方式,帮助你更好地理解和掌握这门动态类型的编程语言。 1. **字面量(Literal)方式** 这是最简单直接的创建对象的方式,通过大括号{}来定义一个对象,然后在内部用...

    JavaScript学习深入—面向对象编程

    JavaScript中包含以下几种内置的数据类型: 1. **Undefined**:表示未定义或无法找到的值。在IE5及更早版本中,除了直接赋值或`typeof`操作外,对`undefined`的任何操作都会导致异常。在较新版本的浏览器中,`...

    JavaScript实现继承的几种方式

    本篇文章将深入探讨JavaScript中实现继承的几种常见方式。 1. 原型链继承 JavaScript的原型(prototype)机制是实现继承的基础。每个函数都有一个prototype属性,这个属性指向一个对象,这个对象的属性和方法可以被...

    【JavaScript源代码】详解js创建对象的几种方式和对象方法.docx

    本文将深入探讨JavaScript中创建对象的几种常见方式以及对象方法。 首先,我们来看“工厂模式”。工厂模式是一种创建对象的抽象方式,通过一个函数来返回一个新的对象。例如: ```javascript function getObj(name...

    javascript面向对象教程

    JavaScript的面向对象特性主要体现在以下几个方面: 1. **构造函数与原型**:函数在JavaScript中可以作为构造函数,通过`new`关键字创建新对象。构造函数的`prototype`属性允许对象共享方法和属性,实现继承。通过`...

    在javascript中创建对象的各种模式解析

    在JavaScript中创建对象主要涉及以下几种模式: 1. 工厂模式 工厂模式是最早期的对象创建方式之一,它通过一个函数来创建对象,并返回新创建的对象。这种方法的核心是利用函数封装创建对象的细节,然后通过返回值来...

Global site tag (gtag.js) - Google Analytics