用JavaScript腳本實現Web頁面信息交互

2024-09-06 12:44:43

字體：大中小

來源：轉載

供稿：網友

要實現動態交互，必須掌握有關窗體對象(Form)和框架對象(Frames)更為復雜的知識。

一、窗體基礎知識
　　窗體對象可以使設計人員能用窗體中不同的元素與客戶機用戶相交互，而用不著在之前首先進行數據輸入，就可以實現動態改變Web文檔的行為。

１、什么是窗體對象
窗體（Form）:它構成了Web頁面的基本元素。通常一個Web頁面有一個窗體或幾個窗體，使用Forms[]數組來實現不同窗體的訪問。
<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]中共有三個基本元素，而Forms[1]中只有兩個元素。
　　窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體，它封裝了相關的HTML代碼：
<Form
Name ="表的名稱"
Target ="指定信息的提交窗口"
action ="接收窗體程序對應的URL"
Method =信息數據傳送方式(get/post)
enctype ="窗體編碼方式"
[onsubmit ="JavaScript代碼"]>
</Form>
　

２、窗體對象的方法
　　窗體對象的方法只有一個--submit()方法，該方法主要功用就是實現窗體信息的提交。如提交Mytest窗體,則使用下列格式：
document.mytest.submit()
　
３、窗體對象的屬性
　　窗體對象中的屬性主要包括以下：elements name action target encoding method.
　　除Elements外，其它幾個均反映了窗體中標識中相應屬性的狀態，這通常是單個窗體標識；而elements常常是多個窗體元素值的數組，例：
elements[0].Mytable.elements[1]
　
４、訪問窗體對象
在JavaScript中訪問窗體對象可由兩種方法實現：
（１）通過訪問窗體
　　在窗體對象的屬性中首先必須指定其窗體名，而后就可以通過下列標識訪問窗體如：document.Mytable()。
（２）通過數組來訪問窗體
　　除了使用窗體名來訪問窗體外，還可以使用窗體對象數組來訪問窗體對象。但需要注意一點，因窗體對象是由瀏覽器環境的提供的，而瀏覽器環境所提供的數組下標是由0到n。所以可通過下列格式實現窗體對象的訪問：
document.forms[0]
document.forms[1]
document.forms[2]...
　
５、引用窗體的先決條件
　　在JavaScript中要對窗體引用的條件是：必須先在頁面中用標識創建窗體，并將定義窗體部分放在引用之前。
　
二、窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素，必須通過對應特定的窗體元素的數組下標或窗體元素名來實現。每一個元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下:

上一篇：JS代碼格式化和語法著色V2

下一篇：圖片跟隨的代碼