javascript經(jīng)典案例-閱讀頁
2025-06-28 07:10本頁面
【正文】 確填寫了表單，也 不能提交頁面（點(diǎn)擊“注冊”沒反映）。 SCRIPT language=JavaScript function checkForm( ){ if ( ==0) { alert(用戶名不能為空！ )。 } else{ ( )。 頁面效果 如何制作回車 Tab切換效果？ 頁面效果 keyCode代碼 代碼 說明 代碼 說明 8 BackSpace 34 Next 9 Tab 35 End 12 Clear 36 Home 13 Enter 37 Left 16 Shift_L 38 Up 17 Control_L 39 Right 18 Alt_L 40 Down 20 Caps_Lock 46 Delete 33 Prior 65 a A 48 0 90 z Z 制作回車切換輸入的效果 使用鍵盤輸入事件 onKeyDown事件 檢查輸入是否是回車鍵－ ASCII碼 13，若是則將 輸入改為 Tab鍵－ ASCII碼 9 script language=javascript type=text/javascript function changeFocus( ){ if (==13) =9。 script language=javascript function changeFocus( ){ if (==13 amp。 !=39。 amp。 !=39。 …) =9。 ?清空列表項(xiàng) 表單名 .列表名 .=0。 ?增加選項(xiàng) 表單名 .列表名 .(Option1)。 var newOption1,newOption2。 newOption2= new Option(瀘州市 ,luzhou)。 case 湖北省 : …… } =0。 (newOption2)。 ? 屬性： index：數(shù)組元素的索引值 length：數(shù)組長度 (數(shù)組元素個數(shù) )。 toString()：以字符串來表示數(shù)組和數(shù)組值。 switch(province){ case 四川省 : newOption1= new Option(成都市 ,chengdu)。 break。 newOption2= new Option(襄樊市 ,xiangfan)。 case 山東省 : newOption1= new Option(青島市 ,qingdao)。 } 如果有很多城市，就需要定義很多變量，編寫很多重復(fù)的代碼 解決辦法： 使用數(shù)組！ 使用數(shù)組優(yōu)化省市級聯(lián)功能 JavaScript中的數(shù)組用法： SCRIPT LANGUAGE = JavaScript var emp = new Array(3)。 emp[1] = Graham Browne。 ( )。 for (var i in emp) { (emp[i]+BR)。數(shù)組中可存放任意數(shù)據(jù) 調(diào)用數(shù)組的方法 sort( )進(jìn)行排序 循環(huán)輸出，等同： for(var i=0。i++) 使用數(shù)組優(yōu)化省市級聯(lián)功能 JavaScript中的數(shù)組用法： SCRIPT LANGUAGE = JavaScript var cityList = new Array( )。成都 39。綿陽 39。德陽 39。自貢 39。 瀘州 39。 cityList[1]=[39。, 39。, … 39。, 39。]。武漢 39。宜昌 39。 恩施 39。潛江 39。 (BR四川省包括的城市是： HR)。 } /SCRIPT 創(chuàng)建數(shù)組，可以不指定大小 為數(shù)組賦值。 JavaScript不支持二維數(shù)組 循環(huán)輸出 . 0表示四川省的索引號，同理可以換為山東?。饕?1 使用數(shù)組優(yōu)化省市級聯(lián)功能 用數(shù)組優(yōu)化解決省市級聯(lián)問題： 0 1 2 一維數(shù)組 : cityList 數(shù)組索引號 1 下拉框索引號selectedIndex 0 1 2 3 用數(shù)組存放每個省 份 包含的城市 根據(jù)用戶選擇 的 省份索引號，找到對應(yīng)的 數(shù)組索引號 根據(jù)對應(yīng)的數(shù)組內(nèi)容， 添加城市選項(xiàng)到城市下拉框中 cityList[0] cityList[1] cityList[2] 使用數(shù)組優(yōu)化省市級聯(lián)功能 用數(shù)組優(yōu)化解決省市級聯(lián)問題： function changeCity( ) { var cityList = new Array( )。成都 39。綿陽 39。德陽 39。自貢 39。 瀘州 39。 cityList[1]=[39。, 39。, ?… 39。]。武漢 39。宜昌 39。 潛江 39。 var pIndex=。 =0。 (newOption1)。 各學(xué)期對應(yīng)課程 第一學(xué)期： HTML、 Java、 SqlServer基礎(chǔ)、 C 第二學(xué)期： JavaScript、 SqlServer高級、 第二學(xué)年：劉德華、李宇春、曾軼可 使用文字下標(biāo)的數(shù)組再次優(yōu)化 使用索引號必須要求省份的排列順序和數(shù)組編號相同。成都 39。瀘州 39。 cityList[1]=[39。, …39。]。武漢 39。 潛江 39。 cityList[3]=[39。,…? 亳州 39。 cityList[4]=[39。, …39。]。桂林 39。 賀州 39。 cityList[6]=[39。, …39。]。 例如： cityList[39。] = [39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。, 39。]。 用文字下標(biāo)的數(shù)組優(yōu)化省市級聯(lián)菜單： 使用文字下標(biāo)的數(shù)組再次優(yōu)化 function changeCity( ) { var cityList = new Array( )。成都 39。綿陽 39。 瀘州 39。 cityList[?山東省’ ]=[39。, 39。, ?… 39。]。武漢 39。宜昌 39。 潛江 39。 var pIndex=。 =0。 (newOption1)。 Bookinfo[0][0]= “6533305753”。 Bookinfo[2][1]= “精通正則表達(dá)式” Bookinfo[3][2]= “余晟 ” Bookinfo[4][3]= “電子工業(yè)出版社 ” /SCRIPT JavaScript中沒有二維或二維以上數(shù)組 小結(jié) 3 數(shù)組下標(biāo)采用文字標(biāo)識的方式，實(shí)現(xiàn)學(xué)期、課 程的級
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1