[計算機]javascript客戶端驗證和高級特效制作-資料下載頁
2025-08-21 15:55本頁面
【正文】 vent對象只在事件發(fā)生的過程中才有效。Event對象的某些書香只對特定的事件有意義。比如：fromElement和toElement屬性只對onmouseover和onmouseout事件有意義。Event對象的屬性有很多，在本章中我們主要學習以下幾個：keyCode：檢測鍵盤事件相對應的內(nèi)碼。srcElement：返回觸發(fā)事件的元素。fromElement：檢測onmouseover和onmouseout事件發(fā)生時，鼠標所離開的元素。同理toElement是接觸的元素。觸發(fā)鍵盤的事件羅列：Onkeydown：用戶按下任何鍵盤鍵（包括系統(tǒng)按鍵）是觸發(fā)；Onkeyup：用戶放開任何先前按下的鍵盤時發(fā)生；Onkeypress：用戶在按下并放開任何數(shù)字字母鍵是發(fā)生，系統(tǒng)按鍵（箭頭鍵、功能鍵）無法得到識別。本章特效：用圖片代替提交按鈕實現(xiàn)思路：使用圖片的單擊事件。onClick=checkForm( )；因為圖片不具備“提交”按鈕的提交功能，所以需要人工調(diào)用提交方法－ submit( ) 。制作回車切換輸入的效果實現(xiàn)思路： 使用鍵盤輸入事件onKeyDown事件 。 檢查輸入是否是回車鍵－ASCII碼13，若是則將輸入改為Tab鍵－ASCII碼9。制作即時提示錯誤的特效使用DIV層的內(nèi)容動態(tài)改變。 在每個輸入框后添加一個DIV層, 根據(jù)用戶的輸入, 動態(tài)顯示錯誤信息。實現(xiàn)思路；在登錄文本框后插入DIV標簽loginError （即沒有樣式的DIV層）修改源代碼，設(shè)置DIV的顯示方式為inline，即和文本框在同一行 div id=loginError style=display:inline /div添加文本框失去焦點的事件函數(shù)。制作內(nèi)容動態(tài)改變的層特效實現(xiàn)動態(tài)改變頁面內(nèi)容：方法1： 當動態(tài)顯示的內(nèi)容較少時，使用 =“HTML代碼”；方法2： innerText 當動態(tài)顯示的內(nèi)容較多，并相對固定時，則預先制作好DIV內(nèi)容，=“none/block”；實現(xiàn)思路：預先插入兩個DIV標簽，分別放置不同計算方式顯示的內(nèi)容：添加函數(shù)，初始化DIV1不顯示，添加函數(shù)，根據(jù)“計算方式”的選擇，隱藏/顯示對應DIV層第7章 表單驗證的高級特效本章主要任務是實現(xiàn)下拉框的級聯(lián)功能。下拉框的屬性：下拉框由select和option兩個標簽組成，select標簽定義選擇列表的特性。option標簽指定各個列表項。多個選項構(gòu)成選項數(shù)組options。事件onChange當選項發(fā)生改變時產(chǎn)生屬性value下拉列表框中被選選項的值Options所有的選項組成一個數(shù)組，options表示整個選項數(shù)組，第一個選項即為options[0]，第二個即為options[1],其他以此類推。selectedIndex返回被選擇的選項的索引號，如果選中第一個則返回0，第二個則返回1，其他類推。Length返回下拉菜單中的選項個數(shù)方法add(new,old)將新的option對象new插入到option對象old前總結(jié)：選項數(shù)組每個選項Option可以動態(tài)創(chuàng)建new Option(”顯示內(nèi)容”，“值”)動態(tài)添加選項(newOption1）清除選項=0數(shù)組的使用創(chuàng)建數(shù)組Var arrayObjectName=new Array(size)為數(shù)組元素賦值在創(chuàng)建數(shù)組時，可以直接為數(shù)組元素賦值Var emp。emp=new Array(Ryan Dias,Graham Browne,David Greene)。也可以分別為數(shù)組元素賦值。var emp = new Array(3)。emp[0] = Ryan Dias。emp[1] = Graham Browne。emp[2] = David Greene。訪問數(shù)組元素可以通過數(shù)組的名稱和下標直接訪問數(shù)組的元素，訪問數(shù)組的表示形式為：數(shù)據(jù)名[下標]。數(shù)組的常用屬性和方法數(shù)組時JavaScript中的一個對象，它有一組屬性和方法，夏明詳細介紹數(shù)組的常用屬性和方法以及如何使用它們。數(shù)組的屬性：數(shù)組的length屬性用于返回數(shù)組中元素的個數(shù)，返回值為整數(shù)。數(shù)組的常用方法：Join(分隔符)：以制定的分隔符將數(shù)組元素一次憑借起來，形成一個字符串并返回Sort()：對數(shù)組元素進行排序，按英文字母順序本章特效：用數(shù)組實現(xiàn)下拉框的級聯(lián)。
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1