JavaScript由ECMAScript(基本语法),BOM和DOM组成,下面是对JS中一些对象的总结。
一.BOM
BOM指(Brower Object Model)浏览器对象模型。
从BOM的角度看,侧重于从集合的角度看问题,把页面划分为不同的部分,以及页面本身的一些属性,如背景色,标题名称等,由于BOM的实现是基于浏览器的,所以不同浏览器的属性和方法有不一致之处,这造成很多麻烦。注意一些一致的,常用的属性和方法,BOM把页面分为如下几部分:
anchors : Collection of all anchors in the page(represented by )
applets : Collection of all applets in the page
forms : Collection od all embeded objects in the page(represented by the tag)
images : Collection of all forms in the page
links : Collection of all links in the page (represented by )
二.Window对象
Window对象属于BOM对象。
他是JavaScript 层级中的顶层对象。Windows 对象会呈现 (represent) 一个浏览器窗口。每当 或者标签出现,Window 对象就会被自动创建。观察BOM的体系结构,所有的对象都源自window对象,
window对象的属性:
对象
|
描述
|
Navigator
|
包含客户端浏览器的信息。
|
Screen
|
包含客户端显示屏的信息。
|
History
|
包含了浏览器窗口访问过的 URL。
|
Location
|
包含了当前 URL 的信息。
|
frames
|
集合属性,返回窗口中所有命名的框架。
|
document
|
对象代表整个 HTML 文档,可用来访问页面中的所有元素
|
注意:Navigator, Screen, History, Location等对象实际上是 JavaScript 对象,而不是 HTML DOM 对象,它们是由 JavaScript runtime engine 自动创建的。
三.HTML DOM 对象
当一个HTML标签出现一次,下面的HTML DOM对象就被创建一次。
对象
|
描述
|
Document
|
代表整个 HTML 文档,可被用来访问页面中的所有元素
|
Anchor
|
代表一个 a 元素
|
Area
|
代表一个图像地图中的 area 元素
|
Base
|
代表 base 元素
|
Body
|
代表 body 元素
|
Button
|
代表 button元素
|
Event
|
代表某个事件的状态
|
Form
|
代表 form 元素
|
Frame
|
代表一个 frame 元素
|
Frameset
|
代表一个 frameset 元素
|
Iframe
|
代表一个iframe元素
|
Image
|
代表一个 img 元素
|
Input button
|
代表 HTML 表单中的一个按钮
|
Input checkbox
|
代表 HTML 表单中的一个复选框
|
Input file
|
代表 HTML 表单中的一个文件上传
|
Input hidden
|
代表 HTML 表单中的一个隐藏域
|
Input password
|
代表 HTML 表单中的一个密码域
|
Input radio
|
代表 HTML 表单中的一个单选按钮
|
Input reset
|
代表 HTML 表单中的一个重置按钮
|
submit
|
代表 HTML 表单中的一个确认按钮
|
Input text
|
代表 HTML 表单中的一个文本输入域(文本框)
|
Link
|
代表一个 link 元素
|
Meta
|
代表一个 meta 元素
|
Object
|
代表一个 Object 元素
|
Option
|
代表一个 option元素
|
Select
|
代表 HTML 表单中的一个选择列表
|
Style
|
代表一个单独的样式声明
|
Table
|
代表一个 table 元素
|
TableData
|
代表一个 td 元素
|
TableRow
|
代表一个 tr 元素
|
Textarea
|
代表一个 textarea 元素
|
四.Document对象
Document是唯一BOM和DOM都有的对象。
Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素,它是 Window 对象的一个部分,可通过window.document 属性来访问
Document 对象的属性
属性
|
描述
|
“b ody”
|
提供对 body 元素的直接访问
|
cookie
|
设置或返回与当前文档有关的所有 cookies
|
domain
|
返回当前文档的域名
|
lastModified
|
返回文档被最后修改的日期和时间
|
referrer
|
返回载入当前文档的文档的 URL
|
title
|
返回当前文档的标题
|
URL
|
返回当前文档的 URL
|
Document 对象的集合属性
集合属性 描述
anchors[] 返回对文档中所有 Anchor 对象的引用
forms[] 返回对文档中所有 Form 对象引用
images[] 返回对文档中所有 Image 对象引用
links[] 返回对文档中所有 Area 和 Link 对象引用
posted on 2008-11-25 00:00
Vincent-chen 阅读(263)
评论(0) 编辑 收藏 所属分类:
JavaScript