首頁  >  文章  >  web前端  >  JavaScript教程之腳本實現頁面資訊交互

JavaScript教程之腳本實現頁面資訊交互

黄舟
黄舟原創
2016-12-22 15:35:441122瀏覽

要實現動態交互, 必須掌握有關窗體物件(Form) 更為複雜的知識。

窗體基礎知識

窗體物件可以使設計人員能用窗體中不同的元素與客戶機用戶相交互, 而用不著在之前先進行資料輸入,就可以實現動態改變 Web 文件的行為。

1、什麼是窗體物件

窗體構成了 Web 頁面的基本元素。通常一個 Web 頁面有一個窗體或幾個窗體,使用 Forms[]陣列來實現不同窗體的存取。

2、窗體物件的方法

窗體物件的方法只有一個--submit() 方法,此方法主要功能就是實現窗體資訊的提交。如提交 Mytest 窗體, 則使用下列格式:document.mytest.submit()。

3、窗體物件的屬性

窗體物件中的屬性主要包括以下內容: elements name action target encodingmethod.

除Elements 外,其它幾個均反映了窗體中標識中相應屬性的狀態,這通常是單一窗體標識;而elements 常是多個窗體元素值的數組,例:elements[0].Mytable.elements[1]。

4、存取窗體物件

在JavaScript 中存取窗體物件可由兩種方法實作:

a、透過存取窗體

在窗體物件的屬性中首先必須指定其窗體名, 而後就可以透過下列標識存取窗體如:document.Mytable() 。

b、透過陣列來存取窗體

除了使用窗體名來存取窗體外,還可以使用窗體物件陣列來存取窗體物件。但要注意一點, 因窗體物件是由瀏覽器環境的提供的, 而瀏覽器環境所提供的陣列下標是由0到 n。所以可透過下列格式實現窗體物件的存取:

document.forms[0]

document.forms[1]

document.forms[2]...

5、引用窗體的先決條件

在JavaScript 中要對窗體引用的條件是:必須先在頁面中用標識建立窗體,並將定義窗體部分放在引用之前。


窗體中的基本元素

窗體中的基本元素由按鈕、單選按鈕、 複選按鈕、 提交按鈕、重設按鈕、文字方塊等組成。

在 JavaScript 中要存取這些基本元素, 必須透過對應特定的窗體元素的陣列下標或窗體元素名來實現。 每一個元素主要是透過該元素的屬性或方法來引用。 其引用的基本格式見下:

formName.elements[].methadName (窗體名.元素名或數組.方法)

formName.elemaent[].propertyName(窗體名.元素名或數組.屬性)

 以上就是JavaScript教學之腳本實現頁面資訊互動的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn