国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

如何使用javascript腳本在網頁上實現信息交換

2024-05-06 15:45:17
字體:
來源:轉載
供稿:網友

本文介紹如何使用javascript腳本網頁上實現信息交換,主要介紹了形式中基本元素的主要功能和用途,要實現動態交互,必須掌握更復雜的形式和框架知識,下面是錯新技術頻道小編為大家帶來的介紹。

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

1、什么是窗體對象
窗體(Form):它構成了Web頁面的基本元素。通常一個Web頁面有一個窗體或幾個窗體,使用Forms[]數組來實現不同窗體的訪問。











?

?

  在Forms[0]中共有三個基本元素,而Forms[1]中只有兩個元素。
  窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體,它封裝了相關的HTML代碼:

Name ="表的名稱"
Target ="指定信息的提交窗口"
action ="接收窗體程序對應的URL"
Method =信息數據傳送方式(get/post)
enctype ="窗體編碼方式"
[onsubmit ="JavaScript代碼"]>

 

2、窗體對象的方法
  窗體對象的方法只有一個--submit()方法,該方法主要功用就是實現窗體信息的提交。如提交Mytest窗體,則使用下列格式:
document.mytest.submit()
 
3、窗體對象的屬性
  窗體對象中的屬性主要包括以下:elements name action target encoding method.
  除Elements外,其它幾個均反映了窗體中標識中相應屬性的狀態,這通常是單個窗體標識;而elements常常是多個窗體元素值的數組,例:
elements[0].Mytable.elements[1]
 
4、訪問窗體對象
在JavaScript中訪問窗體對象可由兩種方法實現:
(1)通過訪問窗體
  在窗體對象的屬性中首先必須指定其窗體名,而后就可以通過下列標識訪問窗體如:document.Mytable()。
(2)通過數組來訪問窗體
  除了使用窗體名來訪問窗體外,還可以使用窗體對象數組來訪問窗體對象。但需要注意一點,因窗體對象是由瀏覽器環境的提供的,而瀏覽器環境所提供的數組下標是由0到n。所以可通過下列格式實現窗體對象的訪問:
document.forms[0]
document.forms[1]
document.forms[2]...
 
5、引用窗體的先決條件
  在JavaScript中要對窗體引用的條件是:必須先在頁面中用標識創建窗體,并將定義窗體部分放在引用之前。
 
二、窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素,必須通過對應特定的窗體元素的數組下標或窗體元素名來實現。每一個元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下:
formName.elements[].methadName (窗體名.元素名或數組.方法)
formName.elemaent[].propertyName(窗體名.元素名或數組.屬性)
 
下面分別介紹:
 
1、Text單行單列輸入元素
 功能:對Text標識中的元素實施有效的控制。
 基本屬性:
Name:設定提交信息時的信息名稱。對應于HTML文檔中的Name。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息。
defaultvalue:包括Text元素的默認值
 基本方法:
blur():將當前焦點移到后臺。
select():加亮文字。
 主要事件:
onFocus:當Text獲得焦點時,產生該事件。
OnBlur:從元素失去焦點時,產生該事件。
Onselect:當文字被加亮顯示后,產生該文件。
onchange:當Text元素值改變時,產生該文件。
例:...


?

...

 

?

2、textarea多行多列輸入元素
 功能:實施對Textarea中的元素進行控制。
 基本屬性
name:設定提交信息時的信息名稱,對應HTML文檔Textarea的Name。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息。
Default value:元素的默認值。
 方法:
blur():將輸入焦點失去
select():將文字加亮后
 事件:
onBlur:當失去輸入焦點后產生該事件
onFocus:當輸入獲得焦點后,產生該文件
Onchange:當文字值改變時,產生該事件
Onselect:當文字加亮后,產生該文件
 
3、Select選擇元素
 功能:實施對滾動選擇元素的控制。
 屬性:
name:設定提交信息時的信息名稱,對應文檔select中的name。
Length:對應文檔select中的length
options:組成多個選項的數組
selectIndex;該下標指明一個選項
select在中每一選項都含有以下屬性:
Text:選項對應的文字
selected:指明當前選項是否被選中
Index:指明當前選項的位置
defaultselected:默認選項
 
 事件:
OnBlur:當select選項失去焦點時,產生該文件。
onFocas:當select獲得焦點時,產生該文件。
Onchange:選項狀態改變后,產生該事件。
 
4、Button按鈕
 功能:實施對Button按鈕的控制。
 屬性:
Name:設定提交信息時的信息名稱,對應文檔中button的Name。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息。
 方法:
click()該方法類似于一個按下的按鈕。
 事件:
onclick當單擊button按鈕時,產生該事件。
例 :


?

...

.....

 
5、checkbox檢查框
 功能:實施對一個具有復選框中元素的控制。
 屬性:
name:設定提交信息時的信息名稱。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息。
Checked:該屬性指明框的狀態true/false.
defauitchecked:默認狀態
 方法:
click()該方法使得框的某一個項被選中。
 事件:
onclick:當框的選被選中時,產生該事件。  

?

6、radio無線按鈕
 功能:實施對一個具單選功能的無線按鈕控制。
 屬性:
name:設定提交信息時的信息名稱,對應HTML文檔中的radio的name相同
value:用以設定出現在窗口中對應HTML文檔中Value的信息,對應HTML文檔中的radio的name。
length:單選按鈕中的按鈕數目。
defalechecked:默認按鈕。
checked:指明選中還是沒有選中。
index:選中的按鈕的位置。
 方法:
chick():選定一個按鈕。
 事件:
onclick:單擊按鈕時,產生該事件。
 
7、hidden:隱藏
 功能:實施對一個具有不顯示文字并能輸入字符的區域元素的控制。
 屬性:
name:設定提交信息時的信息名稱,對應HTML文檔的hidden中的Name。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息,對應HTML文檔hidden中的value。
defaleitvalue:默認值
 
8、Password口令
 功能:實施對具有口令輸入的元素的控制。
 屬性:
Name:設定提交信息時的信息名稱,對應HTML文檔中password中的name。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息,對應HTML文檔中password中的Value。
defaultvalu:默認值
 方法
select():加亮輸入口令域。
blur():使這丟失passward輸入焦點。
focus():獲得password輸入焦點。
 
9、submit提交元素
 功能:實施對一個具有提交功能按鈕的控制。
 屬性:
name:設定提交信息時的信息名稱,對應HTML文檔中submit。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息,對應HTML文檔中value。
 方法
click()相當于按下submit按鈕。
 事件:
onclick()當按下該按鈕時,產生該事件。
 
三、范例
下面我們演示通過點擊一個按鈕(red)來改變窗口顏色,點擊“調用動態按鈕文檔”調用一個動態按鈕文檔。
test8_1.htm







?


調用動態按鈕文檔

?


?




輸出結果見圖1所示。

?


圖1

動態按鈕程序。
test8_2.htm





?

 






?
?

onClick="alert('You have to put an /'action=[url]/' on the form
tag!!')">


 



返回


輸出結果見圖2所示。

?


圖2  
  本講介紹了使用JavaScript腳本實現Web頁面信息交互的方法。其中主要介紹了窗體中的基本元素的主要功能和使用。

?以上就是如何使用javascript腳本在網頁上實現信息交換的詳細內容,更多內容請繼續關注錯新技術頻道其它相關文章!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 河北区| 富宁县| 栾城县| 皋兰县| 宜城市| 铜川市| 呼玛县| 子洲县| 平山县| 库伦旗| 汾阳市| 四会市| 弥勒县| 宜城市| 长治市| 罗平县| 郓城县| 东源县| 牙克石市| 抚州市| 漯河市| 车险| 勃利县| 英山县| 夏河县| 肃南| 呼伦贝尔市| 乌海市| 赞皇县| 台东市| 枣庄市| 松溪县| 浑源县| 绿春县| 汤阴县| 三都| 郑州市| 莱芜市| 遂川县| 西充县| 曲周县|