在JavaScript 能夠涉及的范圍內(nèi)有如下幾個(gè)“大”對(duì)象:window, document, location, navigator, screen, history 等,。下面是一個(gè)文檔對(duì)象樹,,你可以看到對(duì)象下包含對(duì)象的“壯觀”情景。要引用某個(gè)對(duì)象,,就要把父級(jí)的對(duì)象都列出來,。例如,,要引用某表單"applicationForm"的某文字框"customerName",,就要用"document.applicationForm.customerName"。
下表中有些對(duì)象是全小寫的,,有些是以大寫字母開頭的,。以大寫字母開頭的對(duì)象表示,引用該對(duì)象不使用下表列出的名字,,而直接用對(duì)象的“名字”(Id 或 Name,,下面有講解),或用它所屬的對(duì)象數(shù)組指定,。
- window
- navigator
- screen
- history
- location
- frames[ ]; Frame
- document
- anchors[ ]; links[ ]; Link
- applets[ ]
- embeds[ ]
- forms[ ]; Form
- Button
- Checkbox
- elements[ ]; Element
- Hidden
- Password
- Radio
- Reset
- Select
- Submit
- Text
- Textarea
- images[ ]; Image
|
窗口對(duì)象 瀏覽器對(duì)象(實(shí)際上是JavaScript 對(duì)象,,而不是HTML DOM 對(duì)象。) 屏幕對(duì)象(實(shí)際上是JavaScript 對(duì)象,,而不是HTML DOM 對(duì)象,。) 歷史對(duì)象(實(shí)際上是JavaScript 對(duì)象,而不是HTML DOM 對(duì)象,。) 地址對(duì)象(實(shí)際上是JavaScript 對(duì)象,,而不是HTML DOM 對(duì)象。) 框架對(duì)象 文檔對(duì)象 連接對(duì)象 Java小程序?qū)ο?br> 插件對(duì)象 表單對(duì)象 按鈕對(duì)象 復(fù)選框?qū)ο?br> 表單元素對(duì)象 隱藏對(duì)象 密碼輸入?yún)^(qū)對(duì)象 單選域?qū)ο?br> 重置按鈕對(duì)象 選擇區(qū)(下拉菜單,、列表)對(duì)象 選擇項(xiàng)對(duì)象 提交按鈕對(duì)象 文本框?qū)ο?br> 多行文本輸入?yún)^(qū)對(duì)象 圖片對(duì)象
|
window 窗口對(duì)象 最大的對(duì)象,,它描述的是一個(gè)瀏覽器窗口。一般要引用它的屬性和方法時(shí),,不需要用“window.xxx”這種形式,,而直接使用“xxx”。一個(gè)框架頁面也是一個(gè)窗口。
屬性
name 窗口的名稱,,由打開它的連接(<a target="...">)或框架頁(<frame name="...">)或某一個(gè)窗口調(diào)用的 open() 方法(見下)決定,。一般我們不會(huì)用這個(gè)屬性。
status 指窗口下方的“狀態(tài)欄”所顯示的內(nèi)容,。通過對(duì) status 賦值,,可以改變狀態(tài)欄的顯示。
opener 用法:window.opener,;返回打開本窗口的窗口對(duì)象,。注意:返回的是一個(gè)窗口對(duì)象。如果窗口不是由其他窗口打開的,,在 Netscape 中這個(gè)屬性返回 null,;在 IE 中返回“未定義”(undefined)。undefined 在一定程度上等于 null,。注意:undefined 不是 JavaScript 常數(shù),,如果你企圖使用“undefined”,那就真的返回“未定義”了,。
self 指窗口本身,,它返回的對(duì)象跟 window 對(duì)象是一模一樣的。最常用的是“self.close()”,,放在<a>標(biāo)記中:“<a href="javascript:self.close()">關(guān)閉窗口</a>”,。
parent 返回窗口所屬的框架頁對(duì)象。
top 返回占據(jù)整個(gè)瀏覽器窗口的最頂端的框架頁對(duì)象,。
history 歷史對(duì)象,,見下。
location 地址對(duì)象,,見下,。
document 文檔對(duì)象,見下,。
方法
open() 打開一個(gè)窗口。用法:open(<URL字符串>, <窗口名稱字符串>, <參數(shù)字符串>);
<URL字符串>:描述所打開的窗口打開哪一個(gè)網(wǎng)頁,。如果留空(''),,則不打開任意網(wǎng)頁。
<窗口名稱字符串>:描述被打開的窗口的名稱(window.name),,可以使用'_top',、'_blank'等內(nèi)建名稱。這里的名稱跟“<a href="..." target="...">”里的“target”屬性是一樣的,。
<參數(shù)字符串>:描述被打開的窗口的樣貌,。如果只需要打開一個(gè)普通窗口,該字符串留空(''),如果要指定樣貌,,就在字符串里寫上一到多個(gè)參數(shù),參數(shù)之間用逗號(hào)隔開,。
例:打開一個(gè) 400 x 100 的干凈的窗口:
open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no,scrollbars=yes,resizable=yes')
參數(shù)
top=# 窗口頂部離開屏幕頂部的像素?cái)?shù)
left=# 窗口左端離開屏幕左端的像素?cái)?shù)
width=# 窗口的寬度
height=# 窗口的高度
menubar=... 窗口有沒有菜單,,取值yes或no
toolbar=... 窗口有沒有工具條,取值yes或no
location=... 窗口有沒有地址欄,,取值yes或no
directories=... 窗口有沒有連接區(qū),,取值yes或no
scrollbars=... 窗口有沒有滾動(dòng)條,取值yes或no
status=... 窗口有沒有狀態(tài)欄,,取值yes或no
resizable=... 窗口給不給調(diào)整大小,,取值yes或no
open() 方法有返回值,,返回的就是它打開的窗口對(duì)象。所以,,
var newWindow = open('','_blank');
這樣把一個(gè)新窗口賦值到“newWindow”變量中,以后通過“newWindow”變量就可以控制窗口了,。
close() 關(guān)閉一個(gè)已打開的窗口,。
用法:window.close() 或 self.close():關(guān)閉本窗口,;
<窗口對(duì)象>.close():關(guān)閉指定的窗口。
如果該窗口有狀態(tài)欄,,調(diào)用該方法后瀏覽器會(huì)警告:“網(wǎng)頁正在試圖關(guān)閉窗口,,是否關(guān)閉?”然后等待用戶選擇是否,;如果沒有狀態(tài)欄,調(diào)用該方法將直接關(guān)閉窗口,。
blur() 使焦點(diǎn)從窗口移走,,窗口變?yōu)?#8220;非活動(dòng)窗口”。
focus() 是窗口獲得焦點(diǎn),,變?yōu)?#8220;活動(dòng)窗口”,。不過在 Windows 98,該方法只能使窗口的標(biāo)題欄和任務(wù)欄上的相應(yīng)按鈕閃爍,,提示用戶該窗口正在試圖獲得焦點(diǎn),。
scrollTo() 用法:[<窗口對(duì)象>.]scrollTo(x, y),;使窗口滾動(dòng),使文檔從左上角數(shù)起的(x, y)點(diǎn)滾動(dòng)到窗口的左上角,。
scrollBy() 用法:[<窗口對(duì)象>.]scrollBy(deltaX, deltaY),;使窗口向右滾動(dòng) deltaX 像素,向下滾動(dòng) deltaY 像素,。如果取負(fù)值,,則向相反的方向滾動(dòng)。
resizeTo() 用法:[<窗口對(duì)象>.]resizeTo(width, height),;使窗口調(diào)整大小到寬 width 像素,,高 height 像素。
resizeBy() 用法:[<窗口對(duì)象>.]resizeBy(deltaWidth, deltaHeight),;使窗口調(diào)整大小,,寬增大 deltaWidth 像素,高增大 deltaHeight 像素,。如果取負(fù)值,,則減少。
alert() 用法:alert(<字符串>),;彈出一個(gè)只包含“確定”按鈕的對(duì)話框,,顯示<字符串>的內(nèi)容,整個(gè)文檔的讀取,、Script 的運(yùn)行都會(huì)暫停,,直到用戶按下“確定”。
confirm() 用法:confirm(<字符串>),;彈出一個(gè)包含“確定”和“取消”按鈕的對(duì)話框,,顯示<字符串>的內(nèi)容,要求用戶做出選擇,,整個(gè)文檔的讀取,、Script 的運(yùn)行都會(huì)暫停。如果用戶按下“確定”,,則返回 true 值,,如果按下“取消”,則返回 false 值,。
prompt() 用法:prompt(<字符串>[, <初始值>]),;彈出一個(gè)包含“確認(rèn)”“取消”和一個(gè)文本框的對(duì)話框,顯示<字符串>的內(nèi)容,,要求用戶在文本框輸入一些數(shù)據(jù),,整個(gè)文檔的讀取,、Script 的運(yùn)行都會(huì)暫停,。如果用戶按下“確認(rèn)”,,則返回文本框里已有的內(nèi)容,如果用戶按下“取消”,,則返回 null 值,。如果指定<初始值>,則文本框里會(huì)有默認(rèn)值,。
事件
onload; onunload; onresize; onblur; onfocus; onerror
navigator瀏覽器對(duì)象
屬性
appCodeName 返回瀏覽器的“代碼名”,,流行的 IE 和 NN 都返回 'Mozilla'。
appName 返回瀏覽器名,。IE 返回 'Microsoft Internet Explorer',,NN 返回 'Netscape'。
appVersion 返回瀏覽器版本,,包括了大版本號(hào),、小版本號(hào)、語言,、操作平臺(tái)等信息,。
platform 返回瀏覽器的操作平臺(tái),對(duì)于 Windows 9x 上的瀏覽器,,返回 'Win32'(大小寫可能有差異),。
userAgent 返回以上全部信息。例如,,IE5.01 返回 'Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)',。
javaEnabled() 返回一個(gè)布爾值,代表當(dāng)前瀏覽器允許不允許 Java,。
screen 屏幕對(duì)象 反映了當(dāng)前用戶的屏幕設(shè)置,。
屬性
width 返回屏幕的寬度(像素?cái)?shù))。
height 返回屏幕的高度,。
availWidth 返回屏幕的可用寬度(除去了一些不自動(dòng)隱藏的類似任務(wù)欄的東西所占用的寬度),。
availHeight 返回屏幕的可用高度。
colorDepth 返回當(dāng)前顏色設(shè)置所用的位數(shù) - 1:黑白,;8:256色,;16:增強(qiáng)色;24/32:真彩色
history 歷史對(duì)象 歷史對(duì)象指瀏覽器的瀏覽歷史,。鑒于安全性的需要,,該對(duì)象收到很多限制,現(xiàn)在只剩下下列屬性和方法,。
屬性
length 歷史的項(xiàng)數(shù),。JavaScript 所能管到的歷史被限制在用瀏覽器的“前進(jìn)”“后退”鍵可以去到的范圍。本屬性返回的是“前進(jìn)”和“后退”兩個(gè)按鍵之下包含的地址數(shù)的和,。
方法
back() 后退,,跟按下“后退”鍵是等效的,。
forward() 前進(jìn),跟按下“前進(jìn)”鍵是等效的,。
go() 用法:history.go(x),;在歷史的范圍內(nèi)去到指定的一個(gè)地址。如果 x < 0,,則后退 x 個(gè)地址,,如果 x > 0,則前進(jìn) x 個(gè)地址,,如果 x == 0,,則刷新現(xiàn)在打開的網(wǎng)頁。history.go(0) 跟 location.reload() 是等效的,。
location 地址對(duì)象 它描述的是某一個(gè)窗口對(duì)象所打開的地址,。要表示當(dāng)前窗口的地址,只需要使用“location”就行了,;若要表示某一個(gè)窗口的地址,,就使用“<窗口對(duì)象>.location”。
注意 屬于不同協(xié)議或不同主機(jī)的兩個(gè)地址之間不能互相引用對(duì)方的 location 對(duì)象,,這是出于安全性的需要,。例如,當(dāng)前窗口打開的是“www.”下面的某一頁,,另外一個(gè)窗口(對(duì)象名為:bWindow)打開的是“www.b.com”的網(wǎng)頁,。如果在當(dāng)前窗口使用“bWindow.location”,就會(huì)出錯(cuò):“沒有權(quán)限”,。這個(gè)錯(cuò)誤是不能用錯(cuò)誤處理程序(Event Handler,,參閱 onerror 事件)來接收處理的。
屬性
protocol 返回地址的協(xié)議,,取值為 'http:','https:','file:' 等等,。
hostname 返回地址的主機(jī)名,例如,,一個(gè)“http://www.microsoft.com/china/”的地址,,location.hostname == 'www.microsoft.com'。
port 返回地址的端口號(hào),,一般 http 的端口號(hào)是 '80',。
host 返回主機(jī)名和端口號(hào),如:'www.:8080',。
pathname 返回路徑名,,如“http://www./b/c.html”,,location.pathname == 'b/c.html',。
hash 返回“#”以及以后的內(nèi)容,,如“http://www./b/c.html#chapter4”,,location.hash == '#chapter4',;如果地址里沒有“#”,,則返回空字符串,。
search 返回“?”以及以后的內(nèi)容,,如“http://www./b/c.asp?selection=3&jumpto=4”,,location.search == '?selection=3&jumpto=4',;如果地址里沒有“?”,則返回空字符串,。
href 返回以上全部內(nèi)容,,也就是說,返回整個(gè)地址,。在瀏覽器的地址欄上怎么顯示它就怎么返回,。如果想一個(gè)窗口對(duì)象打開某地址,可以使用“location.href = '...'”,,也可以直接用“location = '...'”來達(dá)到此目的,。
方法
reload() 相當(dāng)于按瀏覽器上的“刷新”(IE)或“Reload”(Netscape)鍵。
replace() 打開一個(gè) URL,,并取代歷史對(duì)象中當(dāng)前位置的地址,。用這個(gè)方法打開一個(gè) URL 后,按下瀏覽器的“后退”鍵將不能返回到剛才的頁面,。
frames[ ]; Frame 框架對(duì)象
一個(gè)框架內(nèi)的網(wǎng)頁也是 window 對(duì)象,,也就是說,F(xiàn)rame 對(duì)象也是 window 對(duì)象,。用最容易理解的話說,,每一個(gè) HTML 文件占用一個(gè) window 對(duì)象,包括定義框架的網(wǎng)頁(“框架網(wǎng)頁”),。在 IE 里用“<iframe>”標(biāo)記在文檔中插入的框架也是 window 對(duì)象,,但是用“包含網(wǎng)頁”的方法(在 HTML 中顯示為“<!--webbot bot="include" ... -->”)讀取的 HTML 就不占用獨(dú)自的 window 對(duì)象。每一個(gè)框架都是包含它的頁的 window 對(duì)象的一個(gè)子對(duì)象(不知道應(yīng)該叫“屬性”不該),,要引用它,,可以用以下幾種方法之一:
window.frames[x]
window.frames['frameName']
window.frameName
其中,x 指的是該 window 對(duì)象中指定的第幾個(gè)框架,,與其它數(shù)組一樣,,x 也是從零開始的。frameName 指的是該框架的名字,,跟<frame>里的“name”屬性一樣,。
如果使用 window.frameName 指定的 window 對(duì)象又是一個(gè)框架網(wǎng)頁,那么引用它的框架的方法:window.frameName.subFrameName,。以此類推,。
要注意的時(shí),,無論在何處,引用“window”對(duì)象所返回的,,都是“當(dāng)前”window 對(duì)象,。如果要訪問其它 window 對(duì)象,就要用到 parent 和 top 屬性,。parent 指的是“父級(jí)”window 對(duì)象,,也就是包含當(dāng)前 window 對(duì)象的框架網(wǎng)頁;top 指的是窗口最頂端的 window 對(duì)象,。
使用框架還要密切留意你的 JavaScript 中定義的全局變量和自定義函數(shù),。它們都有它們的所屬——所在的 window 對(duì)象。要引用其它框架中的全局變量或自定義函數(shù),,都要用“窗口對(duì)象.框架對(duì)象[.框架對(duì)象…].全局變量或自定義函數(shù)”這種很煩的方法,。
以上這個(gè)問題在建立連接時(shí)經(jīng)常會(huì)被忽略:如果在<head>中定義了一個(gè)默認(rèn)目標(biāo)窗口(<base target="...">),在<a href="javascript:...">中,,要知道輸入的 JavaScript 語句是在默認(rèn)目標(biāo)窗口中運(yùn)行的,,必要時(shí)加一些“parent”“top”屬性。
document 文檔對(duì)象 描述當(dāng)前窗口或指定窗口對(duì)象的文檔,。它包含了文檔從<head>到</body>的內(nèi)容,。
用法:document (當(dāng)前窗口)
或 <窗口對(duì)象>.document (指定窗口)
屬性
cookie 關(guān)于 cookie 請(qǐng)參看“使用框架和 Cookies”一章。
lastModified 當(dāng)前文檔的最后修改日期,,是一個(gè) Date 對(duì)象,。
referrer 如果當(dāng)前文檔是通過點(diǎn)擊連接打開的,則 referrer 返回原來的 URL,。
title 指<head>標(biāo)記里用<title>...</title>定義的文字,。在 Netscape 里本屬性不接受賦值。
fgColor 指<body>標(biāo)記的 text 屬性所表示的文本顏色,。
bgColor 指<body>標(biāo)記的 bgcolor 屬性所表示的背景顏色,。
linkColor 指<body>標(biāo)記的 link 屬性所表示的連接顏色。
alinkColor 指<body>標(biāo)記的 alink 屬性所表示的活動(dòng)連接顏色,。
vlinkColor 指<body>標(biāo)記的 vlink 屬性所表示的已訪問連接顏色,。
方法
open() 打開文檔以便 JavaScript 能向文檔的當(dāng)前位置(指插入 JavaScript 的位置)寫入數(shù)據(jù)。通常不需要用這個(gè)方法,,在需要的時(shí)候 JavaScript 自動(dòng)調(diào)用,。
write(); writeln() 向文檔寫入數(shù)據(jù),所寫入的會(huì)當(dāng)成標(biāo)準(zhǔn)文檔 HTML 來處理,。writeln() 與 write() 的不同點(diǎn)在于,,writeln() 在寫入數(shù)據(jù)以后會(huì)加一個(gè)換行。這個(gè)換行只是在 HTML 中換行,具體情況能不能夠是顯示出來的文字換行,,要看插入 JavaScript 的位置而定,。如在<pre>標(biāo)記中插入,這個(gè)換行也會(huì)體現(xiàn)在文檔中,。
clear() 清空當(dāng)前文檔,。
close() 關(guān)閉文檔,停止寫入數(shù)據(jù),。如果用了 write[ln]() 或 clear() 方法,,就一定要用 close() 方法來保證所做的更改能夠顯示出來。如果文檔還沒有完全讀取,,也就是說,JavaScript 是插在文檔中的,,那就不必使用該方法,。
現(xiàn)在我們已經(jīng)擁有足夠的知識(shí)來做以下這個(gè)很多網(wǎng)站都有的彈出式更新通知了。
<script language="JavaScript">
<!--
var whatsNew = open('','_blank','top=50,left=50,width=200,height=300,' +
'menubar=no,toolbar=no,directories=no,location=no,' +
'status=no,resizable=no,scrollbars=yes');
whatsNew.document.write('<center><b>更新通知</b></center>');
whatsNew.document.write('<p>最后更新日期:00.08.01');
whatsNew.document.write('<p>00.08.01:增加了“我的最愛”欄目,。');
whatsNew.document.write('<p align="right">' +
'<a href="javascript:self.close()">關(guān)閉窗口</a>');
whatsNew.document.close();
-->
</script>
當(dāng)然也可以先寫好一個(gè) HTML 文件,,在 open() 方法中直接 load 這個(gè)文件。
anchors[ ]; links[ ]; Link 連接對(duì)象
用法:document.anchors[[x]]; document.links[[x]]; <anchorId>; <linkId>
document.anchors 是一個(gè)數(shù)組,,包含了文檔中所有錨標(biāo)記(包含 name 屬性的<a>標(biāo)記),,按照在文檔中的次序,從 0 開始給每個(gè)錨標(biāo)記定義了一個(gè)下標(biāo),。
document.links 也是一個(gè)數(shù)組,,包含了文檔中所有連接標(biāo)記(包含 href 屬性的<a>標(biāo)記和<map>標(biāo)記段里的<area>標(biāo)記),按照在文檔中的次序,,從 0 開始給每個(gè)連接標(biāo)記定義了一個(gè)下標(biāo),。
如果一個(gè)<a>標(biāo)記既有 name 屬性,又有 href 屬性,,則它既是一個(gè) Anchor 對(duì)象,,又是一個(gè) Link 對(duì)象。
在 IE 中,,如果在<a>標(biāo)記中添加“id="..."”屬性,,則這個(gè)<a>對(duì)象被賦予一個(gè)標(biāo)識(shí)(ID),調(diào)用這個(gè)對(duì)象的時(shí)候只需要使用“<id>”就行了,。很多文檔部件都可以用這個(gè)方法來賦予 ID,,但要注意不能有兩個(gè) ID 相同。
anchors 和 links 作為數(shù)組,,有數(shù)組的屬性和方法,。單個(gè) Anchor 對(duì)象沒有屬性;單個(gè) Link 對(duì)象的屬性見下。
屬性
protocol; hostname; port; host; pathname; hash; search; href 與 location 對(duì)象相同,。
target 返回/指定連接的目標(biāo)窗口(字符串),,與<a>標(biāo)記里的 target 屬性是一樣的。
事件
onclick; onmouseover; onmouseout; onmousedown; onmouseup
applets[ ] Java小程序?qū)ο?/font> 它是一個(gè)數(shù)組,,包含了文檔中所有的 Applet 對(duì)象(Java 小程序),。作為一個(gè)數(shù)組,有數(shù)組的屬性和方法,。關(guān)于單個(gè) Applet 對(duì)象的屬性和方法,,我引用一句話:“Applet 對(duì)象繼承了 Java 小程序的所有公共屬性和方法。”(英文原句:The Applet object inherits all public properties of the Java applet./The Applet object inherits all public methodss of the Java applet.) 因?yàn)楸救撕軈拹?Java 小程序,,所以對(duì)它的什么“公共”“私有”的問題不感興趣,,也就沒有探討了。
embeds[ ] 插件對(duì)象 它是一個(gè)數(shù)組,,包含了文檔中所有的插件(<embed>標(biāo)記),。因?yàn)槊總€(gè)插件的不同,每個(gè) Embed 對(duì)象也有不同的屬性和方法,。
forms[ ]; Form 表單對(duì)象 document.forms[] 是一個(gè)數(shù)組,,包含了文檔中所有的表單(<form>)。要引用單個(gè)表單,,可以用 document.forms[x],,但是一般來說,人們都會(huì)這樣做:在<form>標(biāo)記中加上“name="..."”屬性,,那么直接用“document.<表單名>”就可以引用了,。
Form 對(duì)象的屬性
name 返回表單的名稱,也就是<form name="...">屬性,。
action 返回/設(shè)定表單的提交地址,,也就是<form action="...">屬性。
method 返回/設(shè)定表單的提交方法,,也就是<form method="...">屬性,。
target 返回/設(shè)定表單提交后返回的窗口,也就是<form target="...">屬性,。
encoding 返回/設(shè)定表單提交內(nèi)容的編碼方式,,也就是<form enctype="...">屬性。
length 返回該表單所含元素的數(shù)目,。
方法
reset() 重置表單,。這與按下“重置”按鈕是一樣的。
submit() 提交表單,。這與按下“提交”按鈕是一樣的,。
事件
onreset; onsubmit
以下從“Button”到“Textarea”都是表單的元素對(duì)象。
Button 按鈕對(duì)象 由“<input type="button">”指定。引用一個(gè) Button 對(duì)象,,可以使用“<文檔對(duì)象>.<表單對(duì)象>.<按鈕名稱>”,。<按鈕名稱>指在<input>標(biāo)記中的“name="..."”屬性的值。引用任意表單元素都可以用這種方法,。
屬性
name 返回/設(shè)定用<input name="...">指定的元素名稱,。
value 返回/設(shè)定用<input value="...">指定的元素的值。
form 返回包含本元素的表單對(duì)象,。
方法
blur() 從對(duì)象中移走焦點(diǎn),。
focus() 讓對(duì)象獲得焦點(diǎn)。
click() 模擬鼠標(biāo)點(diǎn)擊該對(duì)象,。
事件
onclick; onmousedown; onmouseup
Checkbox 復(fù)選框?qū)ο?/font> 由“<input type="checkbox">”指定,。
屬性
name 返回/設(shè)定用<input name="...">指定的元素名稱。
value 返回/設(shè)定用<input value="...">指定的元素的值,。
form 返回包含本元素的表單對(duì)象,。
checked 返回/設(shè)定該復(fù)選框?qū)ο笫欠癖贿x中。這是一個(gè)布爾值,。
defaultChecked 返回/設(shè)定該復(fù)選框?qū)ο竽J(rèn)是否被選中,。這是一個(gè)布爾值,。
方法
blur() 從對(duì)象中移走焦點(diǎn),。
focus() 讓對(duì)象獲得焦點(diǎn)。
click() 模擬鼠標(biāo)點(diǎn)擊該對(duì)象,。
事件
onclick
elements[ ]; Element 表單元素對(duì)象 <表單對(duì)象>.elements 是一個(gè)數(shù)組,,包含了該表單所有的對(duì)象。一般我們不用該數(shù)組,,而直接引用各個(gè)具體的對(duì)象,。
Hidden 隱藏對(duì)象 由“<input type="hidden">”指定。
屬性
name 返回/設(shè)定用<input name="...">指定的元素名稱,。
value 返回/設(shè)定用<input value="...">指定的元素的值,。
form 返回包含本元素的表單對(duì)象。
Password 密碼輸入?yún)^(qū)對(duì)象 由“<input type="password">”指定,。
屬性
name 返回/設(shè)定用<input name="...">指定的元素名稱,。
value 返回/設(shè)定密碼輸入?yún)^(qū)當(dāng)前的值。
defaultValue 返回用<input value="...">指定的默認(rèn)值,。
form 返回包含本元素的表單對(duì)象,。
方法
blur() 從對(duì)象中移走焦點(diǎn)。
focus() 讓對(duì)象獲得焦點(diǎn),。
select() 選中密碼輸入?yún)^(qū)里全部文本,。
事件
onchange
Radio 單選域?qū)ο?/font> 由“<input type="radio">”指定。一組 Radio 對(duì)象有共同的名稱(name 屬性),這樣的話,,document.formName.radioName 就成了一個(gè)數(shù)組,。要訪問單個(gè) Radio 對(duì)象就要用:document.formName.radioName[x]。
單個(gè) Radio 對(duì)象的屬性
name 返回/設(shè)定用<input name="...">指定的元素名稱,。
value 返回/設(shè)定用<input value="...">指定的元素的值,。
form 返回包含本元素的表單對(duì)象。
checked 返回/設(shè)定該單選域?qū)ο笫欠癖贿x中,。這是一個(gè)布爾值,。
defaultChecked 返回/設(shè)定該對(duì)象默認(rèn)是否被選中。這是一個(gè)布爾值,。
方法
blur() 從對(duì)象中移走焦點(diǎn),。
focus() 讓對(duì)象獲得焦點(diǎn)。
click() 模擬鼠標(biāo)點(diǎn)擊該對(duì)象,。
事件
onclick
Reset 重置按鈕對(duì)象 由“<input type="reset">”指定,。因?yàn)?Reset 也是按鈕,所以也有 Button 對(duì)象的屬性和方法,。至于“onclick”事件,,一般用 Form 對(duì)象的 onreset 代替。
Select 選擇區(qū)(下拉菜單,、列表)對(duì)象 由“<select>”指定,。
屬性
name 返回/設(shè)定用<input name="...">指定的元素名稱。
length 返回 Select 對(duì)象下選項(xiàng)的數(shù)目,。
selectedIndex 返回被選中的選項(xiàng)的下標(biāo),。這個(gè)下標(biāo)就是在 options[] 數(shù)組中該選項(xiàng)的位置。如果 Select 對(duì)象允許多項(xiàng)選擇,,則返回第一個(gè)被選中的選項(xiàng)的下標(biāo),。
form 返回包含本元素的表單對(duì)象。
方法
blur() 從對(duì)象中移走焦點(diǎn),。
focus() 讓對(duì)象獲得焦點(diǎn),。
事件
onchange
options[ ]; Option 選擇項(xiàng)對(duì)象 options[] 是一個(gè)數(shù)組,包含了在同一個(gè) Select 對(duì)象下的 Option 對(duì)象,。Option 對(duì)象由“<select>”下的“<options>”指定,。
options[ ] 數(shù)組的屬性
length; selectedIndex 與所屬 Select 對(duì)象的同名屬性相同。
單個(gè) Option 對(duì)象的屬性
text 返回/指定 Option 對(duì)象所顯示的文本
value 返回/指定 Option 對(duì)象的值,,與<options value="...">一致,。
index 返回該 Option 對(duì)象的下標(biāo)。對(duì)此并沒有什么好說,,因?yàn)橐付ㄌ囟ǖ囊粋€(gè) Option 對(duì)象,,都要先知道該對(duì)象的下標(biāo),。這個(gè)屬性好像沒有什么用。
selected 返回/指定該對(duì)象是否被選中,。通過指定 true 或者 false,,可以動(dòng)態(tài)的改變選中項(xiàng)。
defaultSelected 返回該對(duì)象默認(rèn)是否被選中,。true / false,。
Submit 提交按鈕對(duì)象 由“<input type="submit">指定。因?yàn)?Submit 也是按鈕,,所以也有 Button 對(duì)象的屬性和方法,。至于“onclick”事件,一般用 Form 對(duì)象的 onsubmit 代替,。
Text 文本框?qū)ο?/font> 由“<input type="text">”指定,。Password 對(duì)象也是 Text 對(duì)象的一種,所以 Password 對(duì)象所有的屬性,、方法和事件,,Text 對(duì)象都有。
Textarea 多行文本輸入?yún)^(qū)對(duì)象 由“<textarea>”指定,。Textarea 對(duì)象所有的屬性,、方法和事件和 Text 對(duì)象相同,也就是跟 Password 對(duì)象一樣,。
images[ ]; Image 圖片對(duì)象 document.images[] 是一個(gè)數(shù)組,,包含了文檔中所有的圖片(<img>)。要引用單個(gè)圖片,,可以用 document.images[x],。如果某圖片包含“name”屬性,,也就是用“<img name="...">”這種格式定義了一幅圖片,,就可以使用“document.images['...']”這種方法來引用圖片。在 IE 中,,如果某圖片包含 ID 屬性,,也就是用“<img id="...">”這種格式定義了一幅圖片,就可以直接使用“<imageID>”來引用圖片,。
單個(gè) Image 對(duì)象的屬性
name; src; lowsrc; width; height; vspace; hspace; border 這些屬性跟<img>標(biāo)記里的同名屬性是一樣的,。在 Netscape 里,除了 src 屬性,,其它屬性(幾乎全部)都不能改的,,即使改了,在文檔中也不能顯示出效果來,。這些屬性最有用的就是 src 了,,通過對(duì) src 屬性賦值,,可以實(shí)時(shí)的更改圖片。
事件
onclick
不顯示在文檔中的 Image 對(duì)象
不顯示在文檔中的 Image 對(duì)象是用 var 語句定義的:
var myImage = new Image(); 或
var myImage = new Image(<圖片地址字符串>);
然后就可以像一般 Image 對(duì)象一樣對(duì)待 myImage 變量了,。不過既然它不顯示在文檔中,,以下屬性:lowsrc, width, height, vspace, hspace, border 就沒有什么用途了。一般這種對(duì)象只有一個(gè)用:預(yù)讀圖片(preload),。因?yàn)楫?dāng)對(duì)對(duì)象的 src 屬性賦值的時(shí)候,,整個(gè)文檔的讀取、JavaScript 的運(yùn)行都暫停,,讓瀏覽器專心的讀取圖片,。預(yù)讀圖片以后,瀏覽器的緩存里就有了圖片的 Copy,,到真正要把圖片放到文檔中的時(shí)候,,圖片就可以立刻顯示了。現(xiàn)在的網(wǎng)頁中經(jīng)常會(huì)有一些圖像連接,,當(dāng)鼠標(biāo)指向它的時(shí)候,,圖像換成另外一幅圖像,它們都是先預(yù)讀圖像的,。
navigator 瀏覽器對(duì)象 反映了當(dāng)前使用的瀏覽器的資料,。
Document
|--- Anchor
|--- Area
|--- Base
|--- Body
|--- Button
|--- Event
|--- Frame
|--- Frameset
|--- IFrame
|--- Image
|--- Link
|--- Meta
|--- Object
|--- Style
|--- Table
|--- TableCell
|--- TableRow
|--- Form
|--- Input Button
|--- Input Checkbox
|--- Input File
|--- Input Hidden
|--- Input Password
|--- Input Radio
|--- Input Reset
|--- Input Submit
|--- Input Text
|--- Input Textarea
|--- Select
|--- Option