用JavaScript腳本實(shí)現(xiàn)Web頁面信息交互
2024-09-06 12:44:43
供稿：網(wǎng)友
要實(shí)現(xiàn)動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象(Form)和框架對(duì)象(Frames)更為復(fù)雜的知識(shí)。
一、窗體基礎(chǔ)知識(shí)
窗體對(duì)象可以使設(shè)計(jì)人員能用窗體中不同的元素與客戶機(jī)用戶相交互，而用不著在之前首先進(jìn)行數(shù)據(jù)輸入，就可以實(shí)現(xiàn)動(dòng)態(tài)改變Web文檔的行為。
１、什么是窗體對(duì)象
窗體（Form）:它構(gòu)成了Web頁面的基本元素。通常一個(gè)Web頁面有一個(gè)窗體或幾個(gè)窗體，使用Forms[]數(shù)組來實(shí)現(xiàn)不同窗體的訪問。
<form Name=Form1>
<INPUT type=text...>
<Input type=text...>
<Inpup byne=text...>
</form>
<form Name=Form2>
<INPUT type=text...>
<Input type=text...>
</form>
在Forms[0]中共有三個(gè)基本元素，而Forms[1]中只有兩個(gè)元素。
窗體對(duì)象最主要的功能就是能夠直接訪問HTML文檔中的窗體，它封裝了相關(guān)的HTML代碼：
<Form
Name ="表的名稱"
Target ="指定信息的提交窗口"
action ="接收窗體程序?qū)?yīng)的URL"
Method =信息數(shù)據(jù)傳送方式(get/post)
enctype ="窗體編碼方式"
[onsubmit ="JavaScript代碼"]>
</Form>
２、窗體對(duì)象的方法
窗體對(duì)象的方法只有一個(gè)--submit()方法，該方法主要功用就是實(shí)現(xiàn)窗體信息的提交。如提交Mytest窗體,則使用下列格式：
document.mytest.submit()
３、窗體對(duì)象的屬性
窗體對(duì)象中的屬性主要包括以下：elements name action target encoding method.
除Elements外，其它幾個(gè)均反映了窗體中標(biāo)識(shí)中相應(yīng)屬性的狀態(tài)，這通常是單個(gè)窗體標(biāo)識(shí)；而elements常常是多個(gè)窗體元素值的數(shù)組，例：
elements[0].Mytable.elements[1]
４、訪問窗體對(duì)象
在JavaScript中訪問窗體對(duì)象可由兩種方法實(shí)現(xiàn)：
（１）通過訪問窗體
在窗體對(duì)象的屬性中首先必須指定其窗體名，而后就可以通過下列標(biāo)識(shí)訪問窗體如：document.Mytable()。
（２）通過數(shù)組來訪問窗體
除了使用窗體名來訪問窗體外，還可以使用窗體對(duì)象數(shù)組來訪問窗體對(duì)象。但需要注意一點(diǎn)，因窗體對(duì)象是由瀏覽器環(huán)境的提供的，而瀏覽器環(huán)境所提供的數(shù)組下標(biāo)是由0到n。所以可通過下列格式實(shí)現(xiàn)窗體對(duì)象的訪問：
document.forms[0]
document.forms[1]
document.forms[2]...
５、引用窗體的先決條件
在JavaScript中要對(duì)窗體引用的條件是：必須先在頁面中用標(biāo)識(shí)創(chuàng)建窗體，并將定義窗體部分放在引用之前。
二、窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素，必須通過對(duì)應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來實(shí)現(xiàn)。每一個(gè)元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下:
