【文章內(nèi)容簡(jiǎn)介】 1114 /td /tr 【 實(shí)訓(xùn)步驟 】 實(shí)訓(xùn) 4 JavaScript基本語句的應(yīng)用 tr td height=27 align=center nowrap bgcolor=FFFFCC input type=checkbox name=ChkBox value=130008100008 style=border:0。 /td td height=27 align=center nowrap bgcolor=FFFFCC style=color:black。小草 /td td height=27 align=center nowrap bgcolor=FFFFCC style=color:black。xiaocao888/td td height=27 align=center nowrap bgcolor=FFFFCC style=color:black。20221210 /td /tr tr td height=27 align=center nowrap bgcolor=FFFFCC input type=checkbox name=ChkBox value=130008100066 style=border:0。 /td td height=27 align=center nowrap bgcolor=FFFFCC style=color:black。城市中的狼 /td td height=27 align=center nowrap bgcolor=FFFFCC style=color:black。city12345/td td height=27 align=center nowrap bgcolor=FFFFCC style=color:black。202226 /td /tr /table table width=600 border=0 cellspacing=0 cellpadding=0 align=center tr td width=9% height=40 align=center nowrap input name=Chkall type=checkbox style=border:0。 onClick=CheckAll(,) /td td width=91% align=left nowrap style=color:black。[全選 /反選 ]/td /tr /table /form （ 5） 選擇 “ 文件 ” /“在瀏覽器中預(yù)覽 ” /“IExplore ”， 預(yù)覽網(wǎng)頁 。 【 實(shí)訓(xùn)步驟 】 實(shí)訓(xùn) 5 函數(shù)的應(yīng)用 熟練應(yīng)用 JavaScript腳本進(jìn)行自定義函數(shù) ， 并掌握函數(shù)的調(diào)用方法 。 【 實(shí)訓(xùn)目的 】 實(shí)訓(xùn) 5 函數(shù)的應(yīng)用 編寫一個(gè) JavaScript程序 ， 調(diào)用自定義函數(shù)來限制發(fā)送祝福的文字?jǐn)?shù)量 ， 效果如圖 。 【 實(shí)訓(xùn)內(nèi)容 】 實(shí)訓(xùn) 5 函數(shù)的應(yīng)用 （ 1） 打開 Dreamweaver， 在 “ 創(chuàng)建新項(xiàng)目 ” 列中選擇 “ HTML”。 （ 2） 自動(dòng)創(chuàng)建 HTML模板 ， 將 title… /title標(biāo)記間的內(nèi)容改為 “ 調(diào)用自定義函數(shù)來限制發(fā)送祝福的文字?jǐn)?shù)量 ” ， 將文件保存為 。 （ 3） 在 head… /head標(biāo)記間編寫 JavaScript腳本 。 實(shí)現(xiàn)用戶輸入文字信息字符數(shù)量的計(jì)算 ， 其中 ， 英文 、 數(shù)字 、 空格占 1個(gè)字符 ， 漢字占兩個(gè)字符 。 script language=javascript function textCounter(field, countfield, maxlimit) { //文本信息限制在 150個(gè)字符內(nèi) var StrValue = 。 var ByteCount = 0。 var StrLength = 。 for (i=0。iStrLength。i++){ //計(jì)算輸入的字符個(gè)數(shù) ， 英文數(shù)字占 1個(gè)字符 ， 漢字占兩個(gè)字符 ByteCount = ((i)=256) ? ByteCount + 1 : ByteCount + 2。 } if(ByteCount=maxlimit){ strtemp=StrValue。 = maxlimit ByteCount。 }else{ (39。content39。).innerHTML = strtemp。 } } /script 【 實(shí)訓(xùn)步驟 】 實(shí)訓(xùn) 5 函數(shù)的應(yīng)用 （ 4） 在 body… /body標(biāo)記間添加用戶信息管理頁面表單元素的 HTML代碼 。 form id=form1 name=form1 method=post action= span style=marginleft:22px您還能輸入 input style=BORDERTOPWIDTH: 0px。 BORDERLEFTWIDTH: 0px。 BORDERBOTTOMWIDTH: 0px。 BORDERRIGHTWIDTH: 0px。 color:CC0099 readonly=readOnly maxlength=3 size=3 value=150 name=freeLength / 個(gè)字符的祝福信息 ， 發(fā)送給你最想祝福的人吧 ！ br / textarea name=content id=content cols=66 rows=6 onkeydown=textCounter(,150) onkeyup=textCounter(,150) style=background:url(39。images/39。)/textarea /span /form （ 5） 選擇 “ 文件 ” /“在瀏覽器中預(yù)覽 ” /“IExplore ”， 預(yù)覽網(wǎng)頁 。 【 實(shí)訓(xùn)步驟 】 實(shí)訓(xùn) 6 對(duì)象編程的操作 （ 1） 熟練掌握 JavaScript中對(duì)象的創(chuàng)建及使用 。 （ 2） 熟練應(yīng)用 JavaScript中的日期對(duì)象 、 字符串對(duì)象 、 數(shù)學(xué)對(duì)象和數(shù)組對(duì)象 。 【 實(shí)訓(xùn)目的 】 實(shí)訓(xùn) 6 對(duì)象編程的操作 編寫一個(gè) JavaScript程序 ， 本實(shí)例主要應(yīng)用日期對(duì)象 、 字符串對(duì)象 、 數(shù)學(xué)對(duì)象和數(shù)組對(duì)象來獲取指定日期的相關(guān)信息 ， 并用 Lunar對(duì)象將指定日期轉(zhuǎn)換成相應(yīng)的農(nóng)歷日期 。 效果如圖 。 【 實(shí)訓(xùn)內(nèi)容 】 實(shí)訓(xùn) 6 對(duì)象編程的操作 （ 1） 打開 Dreamweaver， 在 “ 創(chuàng)建新項(xiàng)目 ” 列中選擇 “ HTML”。 （ 2） 自動(dòng)創(chuàng)建 HTML模板 ， 將 title… /title標(biāo)記間的內(nèi)容改為 “ 帶農(nóng)歷的日歷 ” ， 將文件保存為 。 （ 3） 在頁面中添加一個(gè)表格 ， 代碼如下： CENTER FORM name=CLD TABLE TR TD align=middle TABLE border=1 cellpadding=0 cellspacing=0 bordercolordark=FFFFFF bordercolor=ffffff bordercolorlight=EEEEEE TR bgcolor=006600 TD colSpan=7FONT color=ffffff style=FONTSIZE: 9pt公歷 SELECT name=SY onchange=changeCld() style=FONTSIZE: 9pt JavaScript代碼在 Menu組件中動(dòng)態(tài)添加下拉菜單 （ 年 ） ： SCRIPT language=JavaScript for(i=1900。i2050。i++) (39。option39。+i)。 /SCRIPT /SELECT 年 SELECT name=SM onchange=changeCld() style=FONTSIZE: 9pt 【 實(shí)訓(xùn)步驟 】 實(shí)訓(xùn) 6 對(duì)象編程的操作 JavaScript代碼在 Menu組件中動(dòng)態(tài)添加下拉菜單 （ 月 ） ： SCRIPT language=JavaScript for(i=1。i13。i++) (39。option39。+i)。 /SCRIPT 在表格中添加單元格并設(shè)置單元格文本大小的 HTML代碼如下： /SELECT 月 /FONT FONT color=ffffff face=宋體 id=GZ style=FONTSIZE: 12pt/FONTBR/TD /TR TR align=middle bgColor=e0e0e0 TD width=54 style=fontsize:9pt。 padding:5pt。日 /TD TD width=54 style=fontsize:9pt 一 /TD TD width=54 style=fontsize:9pt 二 /TD TD width=54 style=fontsize:9pt 三 /TD TD width=54 style=fontsize:9pt 四 /TD TD width=54 style=fontsize:9pt 五 /TD TD width=54 style=fontsize:9pt 六 /TD/TR 【 實(shí)訓(xùn)步驟 】 實(shí)訓(xùn) 6 對(duì)象編程的操作 JavaScript代碼在表格中添加 6行 7列的單元格 。 代碼如下： SCRIPT language=JavaScript var gNum。 for(i=0。i6。i++) { (39。tr align=center39。)。 for(j=0。j7。j++) { gNum = i*7+j。 (39。td id=GD39。 + gNum +39。font id=SD39。 + gNum +39。 size=2 face=Arial Black39。)。 if(j == 0) (39。 color=red39。)。 if(j == 6) (39。 color=00008039。)。 (39。 TITLE= /fontbrfont id=LD39。 + gNum + 39。 size=2 style=fontsize:9pt /font/td39。)。 } (39。/tr39。)。 } /SCRIPT HTML代碼的相關(guān)結(jié)束標(biāo)記 。 代碼如下： /TABLE /TD /TR /TABLE /FORM /CENTER 【 實(shí)訓(xùn)步驟 】 實(shí)訓(xùn) 6 對(duì)象編程的操作 （ 4） 編輯用于實(shí)現(xiàn)公歷日歷與農(nóng)歷日歷的 JavaScript代碼 。 用數(shù)組記錄日歷中的相關(guān)信息 。 SCRIPT language=JavaScript var lunarInfo=new Array( 0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2, 0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977, 0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970, 0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950, 0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557, 0x06ca0,0x0b550,0x15355,0x04da0,0x0a5d0,0x14573,0x052d0,0x0a9a8,0x0e950,0x06aa0, 0x0aea6,0x0ab50,0x04b60,0x0aae4,0