WEB技術(shù)基礎(chǔ)實驗指導書(實驗2)

1、實驗二、簡單網(wǎng)頁設(shè)計一、實驗?zāi)康? 掌握 JavaScript 腳本的編寫方法；2 掌握 Javascript 腳本操作DOM 元素及常用方法調(diào)用；3 掌握 HTML頁面與 Javascript 腳本關(guān)聯(lián)使用。二、實驗內(nèi)容1 編寫一個能夠輸入學生成績的界面；2 編寫 Javascript代碼，增加輸入框并計算總成績；3 編寫一個顯示當前時間的DIV 文本塊。三、實驗步驟編寫一個能夠計算學生成績的界面；需要實現(xiàn)的界面如下：要求單擊“增加”按鈕后，能夠增加一行學生信息；單擊“計算”按鈕后，能夠計算出學生的平均分和學生人數(shù)；JavaScript實例 var num=10;var names=new

2、Array(num);var scores=new Array(num);for (i=0;inum;i+)namesi=;scoresi=60;function init()function calculate()var total=0;for (i=0;inum;i+)namesi=frmMain.txtNamei.value;scoresi=frmMain.txtScorei.value;total+=parseInt(scoresi)function getStudents(n)var content=;for (i=0;in;i+)content+= 學 生 姓 名 ： ;conte

3、nt+= 學 生 成 績 ： ;return content;function increaseArray(arr)var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;iarr.length;i+)arrTempi=arri;return arrTemp;function addStudent()names=increaseArray(names);scores=increaseArray(scores);namesnum=;scoresnum=60;num+;document.getElementById(

4、students).innerHTML+=getStudents(1);學生成績錄入：學生平均分：學生人數(shù)： document.write(getStudents(num); 下面是本界面的部分源代碼，請將其補充完整；JavaScript 實例 var names=new Array(num);var scores=new Array(num);for (i=0;inum;i+)namesi=;scoresi=60;function init()function calculate()var total=0;for (i=0;inum;i+)namesi=frmMain.txtNamei.va

5、lue;scoresi=frmMain.txtScorei.value;function getStudents(n)var content=;for (i=0;in;i+)content+= 學生姓名： ;content+= 學生成績： ;return content;function increaseArray(arr)var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;iarr.length;i+)arrTempi=arri;return arrTemp;function addStudent()nam

6、es=increaseArray(names);scores=increaseArray(scores);namesnum=;scoresnum=60;num+;學生成績錄入：學生平均分： 學生人數(shù)： document.write(getStudents(num); 在該界面的基礎(chǔ)上增加一個時鐘，其樣式如下：提示：采用 DIV 實現(xiàn)該時鐘區(qū)域，可利用 css 樣式中的 position:absolute 來實現(xiàn)該時鐘區(qū)域的移動；2) Javascript 中的日期類為Date； 用法：Date d = new Date();常用的日期類方法有：d.getYear() 獲得年份 d.getMon

7、th() 獲得月份 d.getDate() 獲得日期 d.getHour() 獲得時鐘 d.getMinute() 獲得分鐘 d.getSecond() 獲得秒鐘出師表兩漢：諸葛亮先帝創(chuàng)業(yè)未半而中道崩殂， 今天下三分， 益州疲弊， 此誠危急存亡之秋也。然侍衛(wèi)之臣不懈于內(nèi)，忠志之士忘身于外者，蓋追先帝之殊遇，欲報之于陛下也。誠宜開張圣聽，以光先帝遺德，恢弘志士之氣，不宜妄自菲薄，引喻失義，以塞忠諫之路也。宮中府中，俱為一體；陟罰臧否，不宜異同。若有作奸犯科及為忠善者，宜付有司論其刑賞，以昭陛下平明之理；不宜偏私，使內(nèi)外異法也。侍中、侍郎郭攸之、費祎、董允等，此皆良實，志慮忠純，是以先帝簡拔以遺陛

8、下：愚以為宮中之事，事無大小，悉以咨之，然后施行，必能裨補闕漏，有所廣益。將軍向?qū)?，性行淑均，曉暢軍事，試用于昔日，先帝稱之曰愚以為營中之事，悉以咨之，必能使行陣和睦，優(yōu)劣得所?！澳?”，是以眾議舉寵為督：親賢臣， 遠小人， 此先漢所以興隆也； 親小人， 遠賢臣， 此后漢所以傾頹也。 先帝在時，每與臣論此事， 未嘗不嘆息痛恨于桓、 靈也。 侍中、尚書、 長史、 參軍，此悉貞良死節(jié)之臣，愿陛下親之、信之，則漢室之隆，可計日而待也。臣本布衣，躬耕于南陽，茍全性命于亂世，不求聞達于諸侯。先帝不以臣卑鄙，猥自枉屈，三顧臣于草廬之中，咨臣以當世之事，由是感激，遂許先帝以驅(qū)馳。后值傾覆，受任于敗軍之際，奉命于危難之間，爾來二十有一年矣。先帝知臣謹慎，故臨崩寄臣以大事也。受命以來，夙夜憂嘆，恐托付不效，以傷先帝之明；故五月渡瀘，深入不毛。今南方已定，兵甲已足，當獎率三軍，北定中原，庶竭駑鈍，攘除奸兇，興復(fù)漢室，還于舊都。此臣所以報先帝而