【文章內(nèi)容簡(jiǎn)介】 網(wǎng)頁(yè)的設(shè)計(jì)，要求用戶在輸入姓名后，單擊相應(yīng)按鈕，下面就會(huì)出現(xiàn)一個(gè)對(duì)應(yīng)的請(qǐng)假單。并且附帶用戶的姓名和當(dāng)天日期。日期由Date（）函數(shù)得出。得到具體年月日的函數(shù)請(qǐng)看課本P303。請(qǐng)假單顯示在一個(gè)id為d1的div中。再說(shuō)一點(diǎn)，這個(gè)題目如果你使用參數(shù)傳遞的思路來(lái)解決的話，那么只需用寫一個(gè)function即可足夠使用了。，要求實(shí)現(xiàn)效果為：用戶輸入姓名，并在空缺文本框中輸入答案后，單擊提交答案按鈕，則會(huì)告訴用戶最終得分。每作對(duì)一題25分，滿分一百分。htmlheadtitle郭峰/titlescriptfunction f1(){var x=(39。t139。).value。var y=(39。t239。).value。(39。t339。).value=parseInt(x)+parseInt(y)。}/script/headbody align=centerp請(qǐng)?jiān)诖溯斎肽男彰? input name=tname type=text id=tname value=張三/pp請(qǐng)?jiān)谙旅娴奈谋究騼?nèi)輸入您的答案：/pp input type=text id=39。t139。 value=98 ＋ input type=text id=39。t239。 = input type=text id=39。t339。 value=134/pp input type=text id=39。t439。 value=100 － input type=text id=39。t539。 = input type=text id=39。t639。 value=37/pp input type=text id=39。t739。 value=36 input type=text id=39。t839。 = input type=text id=39。t939。 value=252/pp input type=text id=39。t1039。 value=783 247。 input type=text id=39。t1139。 = input type=text id=39。t1239。 value=27/pp align=center input type=button onClick=f1() value=提交答案/body/html實(shí)驗(yàn)八 新函數(shù)的學(xué)習(xí)與應(yīng)用訓(xùn)練實(shí)驗(yàn)?zāi)康模ǎ┻@個(gè)函數(shù)以及text文本框的value默認(rèn)值功能，并重新練習(xí)了button的onclick調(diào)用function來(lái)實(shí)現(xiàn)代碼功能的頁(yè)面結(jié)構(gòu)。()隨機(jī)數(shù)函數(shù)。（）與prompt（）是我們要練習(xí)的新知識(shí)。()也是一個(gè)我們必須了解的常用函數(shù)?！　　‰S機(jī)數(shù)。這兩個(gè)知識(shí)點(diǎn)的組合可以衍生出很多不同的效果。是我們會(huì)經(jīng)常用到的。實(shí)驗(yàn)內(nèi)容1. 請(qǐng)?jiān)O(shè)計(jì)一個(gè)頁(yè)面，頁(yè)面中有三個(gè)按鈕，要求單擊每個(gè)按鈕的時(shí)候，則在對(duì)應(yīng)位置出現(xiàn)你自己的姓名。單擊文本框按鈕，則文本框中要出現(xiàn)你的名字，也就是onclick點(diǎn)擊按鈕之后，通過(guò)函數(shù)function，使得text的value值為你的名字。br單擊alert按鈕，則彈出一個(gè)alert警告框，里面是你的名字。最后是div按鈕，單擊它則div中的內(nèi)容換成你的名字，().innerHTML=你的名字2. confirm的功能是彈出一個(gè)兩選項(xiàng)的對(duì)話框，最重要的是，你點(diǎn)擊確定或者取消按鈕之后，可以給出進(jìn)一步的選擇。請(qǐng)創(chuàng)建頁(yè)面，要求是，修改本題的代碼，使其功能為：?jiǎn)螕舭粹o，會(huì)彈出一句話：“你今天的心情是不是很好?。俊比绻脩酎c(diǎn)擊確定，則彈出“那你請(qǐng)我吃飯好不好啊？”如果用戶點(diǎn)擊取消，則彈出“那你是不是因?yàn)槲覜]給你機(jī)會(huì)請(qǐng)我吃飯所以心情不好啊？”，復(fù)制任務(wù)2的代碼，然后自己編寫程序，要求頁(yè)面一開始彈出一個(gè)confirm，然后用戶點(diǎn)擊確定或者取消之后，會(huì)再分別彈出內(nèi)容不同的alert。4. 設(shè)計(jì)網(wǎng)頁(yè)，實(shí)現(xiàn)的功能為：點(diǎn)擊確定之后再出現(xiàn)一個(gè)confirm，看用戶是否點(diǎn)擊兩次確定。如果點(diǎn)擊取消，則以alert結(jié)束。要求：修改代碼，實(shí)現(xiàn)如下功能：一開始confirm提問：你是否喜歡紅色？如果用戶點(diǎn)擊確定，則再一個(gè)confirm：你是否喜歡藍(lán)色？如果用戶點(diǎn)擊確定，則彈出“你喜歡紅色和藍(lán)色”如果用戶點(diǎn)擊取消，則彈出“你喜歡紅色不喜歡藍(lán)色”如果在“你是否喜歡紅色？”那個(gè)問題上用戶選擇了取消，則再一個(gè)confirm是“你是否喜歡黃色？”如果用戶點(diǎn)擊確定，則彈出“你喜歡黃色不喜歡紅色”如果用戶點(diǎn)擊取消，則彈出“紅色和黃色你都不喜歡”5. 提示框經(jīng)常用于提示用戶在進(jìn)入頁(yè)面前輸入某個(gè)值。當(dāng)提示框出現(xiàn)后，用戶需要輸入某個(gè)值，然后點(diǎn)擊確認(rèn)或取消按鈕才能繼續(xù)操縱。如果用戶點(diǎn)擊確認(rèn)，那么返回值為輸入的值。如果用戶點(diǎn)擊取消，那么返回值為 null。也就是如果點(diǎn)擊取消則沒有任何反應(yīng)。語(yǔ)法： prompt(文本,默認(rèn)值)這里的文本是這個(gè)對(duì)話框上方彈出的提示語(yǔ)。這里的默認(rèn)值是對(duì)話框剛打開的時(shí)候默認(rèn)出現(xiàn)在對(duì)話框里的內(nèi)容。創(chuàng)建頁(yè)面，要求實(shí)現(xiàn)功能： title改成你自己的名字。最終效果為：當(dāng)用戶輸入自己名字后，頁(yè)面提示為“XX，成功學(xué)院歡迎你的到來(lái)！”xx是用戶自己輸入的名字。，包括一個(gè)文本框一個(gè)按鈕，使其最終效果為：當(dāng)用戶輸入自己性別后，如果輸入為“男”，則頁(yè)面顯示“先生你好”，如果輸入為“女”，則顯示“女士你好“。7. 頁(yè)面打開之后，會(huì)直接出現(xiàn)提示框，第一個(gè)提示框是請(qǐng)用戶輸入自己的姓名，第二個(gè)提示框是請(qǐng)用戶輸入性別為“男”或者“女”。根據(jù)用戶輸入的信息，頁(yè)面顯示“XX先生你好”或者“XX女士你好”。這里的xx是用戶在第一個(gè)prompt提示框中自己輸入的名字。實(shí)驗(yàn)九 div與text的顯示應(yīng)用練習(xí)實(shí)驗(yàn)?zāi)康膶?shí)驗(yàn)內(nèi)容1. ，通過(guò)id訪問元素，并通過(guò)innerHTML屬性改變其內(nèi)容。題目要求為，用戶在文本框中輸入自己的名字，單擊按鈕，則頁(yè)面的div中出現(xiàn)一句話“XX,你今天心情好么？”xx是用戶在文本框中輸入的名字。文本框中默認(rèn)值為你自己的姓名。 這個(gè)題目比較容易，我再?gòu)?qiáng)調(diào)一下里面涉及的知識(shí)點(diǎn)：div要顯示內(nèi)容應(yīng)該把div對(duì)應(yīng)id的innerHTML屬性設(shè)置為你需要顯示的內(nèi)容即可。(注意這里要輸入div的id).innerHTML=你的名字 而文本框的值則由這句經(jīng)典代碼來(lái)指代。(文本框的id).value ，都要在括號(hào)內(nèi)的引號(hào)中輸入id。區(qū)別是div后面跟的是innerHTML,而text文本框后面跟的是value。2. 本題目要求為，設(shè)計(jì)頁(yè)面代碼，在頁(yè)面內(nèi)增加一個(gè)文本框，文本框內(nèi)默認(rèn)值為10。當(dāng)用戶單擊第一個(gè)按鈕的時(shí)候，則文本框中依次出現(xiàn)10,20,40，80.....就是前一個(gè)數(shù)的倍數(shù)。而單擊第二個(gè)按鈕，則刷新頁(yè)面，重置文本框的值。 這個(gè)題目比較容易，我再?gòu)?qiáng)調(diào)一下里面涉及的知識(shí)點(diǎn)：div要顯示內(nèi)容應(yīng)該把div對(duì)應(yīng)id的innerHTML屬性設(shè)置為你需要顯示的內(nèi)容即可。(注意這里要輸入div的id).innerHTML=你的名字3. ()是一個(gè)從0到1的隨機(jī)數(shù)。那么如果我想得到從0到10的隨機(jī)數(shù)呢？()*10就可以了。然后通過(guò)四舍五入，就能得到一個(gè)從0到10的隨機(jī)整數(shù)。任務(wù)9的要求是創(chuàng)建一個(gè)頁(yè)面，頁(yè)面內(nèi)有一個(gè)按鈕和一個(gè)文本框。單擊按鈕的時(shí)候文本框中隨機(jī)出現(xiàn)一個(gè)0到10隨機(jī)數(shù)。建議從我的示范頁(yè)面中選擇和復(fù)制代碼來(lái)完成。，用瀏覽器打開，然后按要求修改代碼實(shí)現(xiàn)功能。 htmlheadtitle文本框賦初值和單擊清空。/titlescriptfunction a(){(t1).value=(()*99+1)。}function b(){(t1).value=。}function c(){}function d(){}/script/headbody本頁(yè)面的A,B按鈕已經(jīng)具備了相應(yīng)功能。請(qǐng)學(xué)習(xí)其代碼，然后對(duì)C,D按鈕輸入js代碼，使其實(shí)現(xiàn)頁(yè)面上要求的功能。/br/br/brinput type=text id=t1 value=這里會(huì)出現(xiàn)一個(gè)隨機(jī)數(shù) /br現(xiàn)在是input type=text id=t2 value=10時(shí)input type=text id=t3 value=11分input type=text id=t4 value=12 秒pinput type=button value=按鈕A onclick=a()單擊此按鈕，則上面第一個(gè)文本框中會(huì)出現(xiàn)一個(gè)隨機(jī)數(shù)/ppinput type=button value=按鈕B onclick=b()單擊此按鈕，會(huì)清空第一個(gè)文本框中的數(shù)值/ppinput type=button value=按鈕C onclick=c()單擊此按鈕，則上面的第二，三，四個(gè)文本框會(huì)出現(xiàn)隨機(jī)數(shù)。br這里特別提醒一下，第二個(gè)文本框是出小時(shí)，那么應(yīng)該是從0到23的隨機(jī)數(shù)，而文本框三，四是分和秒，它應(yīng)該是從0到59的隨機(jī)數(shù)。/ppinput type=button value=按鈕D onclick=d()單擊此按鈕，則上面的第二，三，四個(gè)文本框中的隨機(jī)數(shù)會(huì)被清空。/p/body/html實(shí)驗(yàn)十 Javascript程序修改練習(xí)實(shí)驗(yàn)?zāi)康?。?shí)驗(yàn)內(nèi)容1. 請(qǐng)把以下代碼復(fù)制到空文檔中，用瀏覽器打開，然后按要求修改代碼實(shí)現(xiàn)功能。htmlheadtitle郭峰/titlescriptfunction a(){}function b(){}/script/headbody在此頁(yè)面基礎(chǔ)上進(jìn)行代碼修改，使得下面的A,B按鈕可以完成相應(yīng)的運(yùn)算功能。/br/br/brinput type=text id=t1 + input type=text id=t2=input type=text id=t3/brinput type=text id=t4 input ty