JavaScript指令碼實現Web頁面資訊互動

要實現動態互動，必須掌握有關表單對象(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中要對表單引用的條件是：必須先在頁面中用標識建立表單，並將定義表單部分放在引用之前。