JS期末-帶答案(修訂版).doc

1. 聲明變量x，依次賦給x數(shù)值型、字符型和布爾型的數(shù)據(jù)，向頁面輸出x的顯示結(jié)果。(易)var x ; x = 123;document.write(x); x = 張;document.write(x); x = true;document.write(x); 2. 聲明兩個(gè)變量x和y，將x賦予整數(shù)型數(shù)值2000，將x加上46后將值賦給y，向頁面輸出表達(dá)式x+y的結(jié)果。(易)var x = 2000 ;var y = x + 46 ;document.write(x + y);3. 頁面上一個(gè)div結(jié)構(gòu)，如下：你好，我是div寫js代碼，通過alert警告框，彈出該div的內(nèi)容。 (易)var mydiv = document.getElementById(mydiv);window.alert(mydiv.innerHTML);4. 圓的半徑r為100，寫JS程序，求它的面積。并把運(yùn)算結(jié)果顯示在頁面上。PI取 3.14 (中) var r = 100 ;var s = 3.14*r*r ; / var s = 3.14*Math.pow(r,2);document.write(圓的面積為：+s);5. 至少使用2種方法將字符“100”轉(zhuǎn)化成數(shù)字100。(易)var i = 100;var a = parseInt(i);var b = Number(i);6. 在頁面文本框中輸入內(nèi)容，通過點(diǎn)擊按鈕，將文本框的內(nèi)容利用警告框彈出。(易)7. 頁面中有兩個(gè)文本框和一個(gè)按鈕，代碼如下：在文本框中輸入數(shù)字，單擊按鈕后，用警告框顯示num1和num2相加的結(jié)果。(易)function xiangjia()var a = document.getElementById(“num1”);var b = document.getElementById(“num2”);var s = Number(a.value)+Number(b.value);window.alert(相加的和為：+s);8. 頁面中一個(gè)文本框和按鈕，代碼如下：(中)如果用戶輸入的體溫XXX在37.5-42度之間，則輸入“體溫偏高！”，如果輸入的體溫XXX在36-37.5，則輸出“體溫正常！”，其他情況則提示“輸入的數(shù)據(jù)不靠譜”。(中)function tiwen()var c = Number(document.getElementById(“tiwen”);if(c 37.5 & c = 36 & c = 37.5)alert(體溫正常！);elsealert(輸入的數(shù)據(jù)不靠譜);)9. 如何JS代碼隱藏如下標(biāo)簽：(易) 要隱藏我哦var mydiv = document.getElementById(“mydiv”);mydiv.style.display=“none”;10. 指定某個(gè)年份，判斷它是否為閏年，并顯示有關(guān)信息。判斷閏年的條件是：年份能被4整除但不能被100整除，或者能被400整除。(中)var a = 2015;if(a%4=0 | a%100!=0) & a%400=0)document.write(a+年是閏年);elsedocument.write(a+年不是閏年);11. 利用文本框輸入成績(jī)后，點(diǎn)擊按鈕用警告框彈出成績(jī)等級(jí)。成績(jī)?cè)?0到100之間為“優(yōu)”，80到89之間為“良”，70到79為“中”，60-69為“及格”，60以下為“差”。(中)function chengjiFun()var a = Number(document.getElementById(“chengji”).value);if(a100)alert(不合法數(shù)字);else if(a=90)alert (優(yōu));else if(a=80)alert (良);else if(a=70)alert (中);else if(a=60)alert 及格);else if(a=0)alert (差);elsealert (不合法數(shù)字);12. 完善如下程序：王麗 var myName = “張飛”;在該程序中，要更改mySpan中的內(nèi)容為變量myName的值，請(qǐng)?jiān)陧撁嬷型晟扑?易)王麗 var myName = “張飛”;document.getElementById(“mySpan”).innerHTML13. 通現(xiàn)有HTML結(jié)構(gòu)如下，請(qǐng)按要求完善JS程序：有商品12件單價(jià)12.00元/件總價(jià)？元 程序中，要求點(diǎn)擊按鈕后在總價(jià)span標(biāo)簽中顯示價(jià)格，myClick函數(shù)該怎么寫？(中) function myClick()var num = document.getElementById(“num”);var price = document.getElementById(“price”);var total = document.getElementById(“total”);total.innerHTML = Number(num.innerHTML)*Number(price.innerHTML);14. 求出0到100之間的偶數(shù)和,利用警告對(duì)話框顯示結(jié)果。（易）var s = 0 ;for(var i = 1 ;i = 100 ;i+)if(i%2=0)s += i;alert(s);15. 求出0到100之間的奇數(shù)和,利用警告對(duì)話框顯示結(jié)果。（易）var s = 0 ;for(var i = 1 ;i = 100 ;i+)if(i%2!=0)s += i;alert(s);16. 求出0到50之間的和,利用警告對(duì)話框顯示結(jié)果。（易）var a = 50;var s = 0 ;for(var i = 1 ;i = a ;i+)s += i;alert(0到這個(gè)數(shù)的和為：+s);17. 請(qǐng)利用循環(huán)嵌套語句向頁面輸出簡(jiǎn)易的九九乘法表。(中)for(var i = 1 ; i = 9 ; i+)document.write();for(var j = 1 ; j = i ; j+)document.write(i+*+j+=+i*j+ );18. 用jquery實(shí)現(xiàn)如下特效：一個(gè)div標(biāo)簽，id為myDiv，里面的文字為“你好”。你好單擊改標(biāo)簽后，文字變?yōu)椤澳泓c(diǎn)擊過了”。(中) $(“#myDiv”).click(function()$(this).html(“你點(diǎn)擊過了”););19. 猜數(shù)字游戲（循環(huán)猜數(shù)字），自己設(shè)定一個(gè)數(shù)字為被猜數(shù)字如（48），讓用戶在輸入提示消息框中進(jìn)行猜數(shù)字游戲。當(dāng)輸入的數(shù)字大于預(yù)設(shè)數(shù)字（48）時(shí)，利用警告對(duì)話框提示用戶“你猜的數(shù)字太大了”；當(dāng)輸入的數(shù)字小于預(yù)設(shè)數(shù)字（48）時(shí)，利用警告對(duì)話框提示用戶“你猜的數(shù)字太小了”；直到當(dāng)用戶猜對(duì)了，利用警告對(duì)話框提示“恭喜你，猜對(duì)了！”。(中)不考var s = 48;while(true)var a = Number(prompt(請(qǐng)輸入所猜的數(shù)字,);if(as)alert(你猜的數(shù)字太大了);else if(a=s)alert(恭喜你，猜對(duì)了！);break;else if(as)alert(你猜的數(shù)字太小了);20. 有如下JS，請(qǐng)完善函數(shù)jia。（中）num = jia( 3,4 );alert(num); / 彈出 參數(shù) 3和4 相加的結(jié)果 7function px(a,b)return a*b;num = px(3,4);alert(num);21. 利用按鈕的onclick事件的調(diào)用函數(shù)，實(shí)現(xiàn)文本框輸入字符，單擊按鈕利用提示對(duì)話框顯示文本框里面的內(nèi)容。效果如下：（易） function px()var a = document.getElementById(t1).value;alert(a);22. 對(duì)左邊輸入的文本框的內(nèi)容進(jìn)行判斷，要求是數(shù)字，通過“傳值”按鈕的單擊事件傳遞到右邊文本框中。（易）function px()var a = Number(document.getElementById(t1).value);var t = isNaN(a);/判斷是否不是數(shù)字if(t)alert(請(qǐng)輸入數(shù)字);elsedocument.getElementById(t2).value=a;23. 利用函數(shù)實(shí)現(xiàn)求圓的面積。(易)請(qǐng)輸入圓半徑：function px()var r = document.getElementById(t1).value;var s = Math.PI*r*r;alert(半徑為+r+的圓面積是：+s);24. 求矩形的面積，長(zhǎng)、寬由用戶輸入。(要求: 通過文本框輸入矩形的長(zhǎng)和寬，單擊面積按鈕后，將結(jié)果顯示到文本框中。)（易）求矩形的面積長(zhǎng)寬function px()var c = document.getElementById(t1).value;var k = document.getElementById(t2).value;document.getElementById(t3).value=c*k;25. 利用函數(shù)實(shí)現(xiàn)兩個(gè)數(shù)的+、-、*、/運(yùn)算。（中） 26. 點(diǎn)擊一個(gè)span標(biāo)簽，把span里面的內(nèi)容用alert警告框彈出來。（易）點(diǎn)我彈出內(nèi)容點(diǎn)我彈出內(nèi)容 function tanchu()var span = document.getElementById(“myspan”);alert(span.innerHTML);27. 在網(wǎng)頁加載的時(shí)候，在驗(yàn)證碼文本框后面顯示一個(gè)4位數(shù)的隨機(jī)數(shù)，單擊“看不清”可重新生成隨機(jī)數(shù)。(易) 驗(yàn)證碼：看不清function px()var a = Math.random()*(9999-1000)+1000; /隨機(jī)生成1000-9999之間的數(shù)var b = Math.round(a);/四舍五入，求整數(shù)document.getElementById(s).innerHTML=b;28. 頁面中有一個(gè)div如下：你好實(shí)現(xiàn)特效：當(dāng)鼠標(biāo)移動(dòng)到改div上的時(shí)候，更改div的內(nèi)容為”歡迎光臨”；鼠標(biāo)離開這個(gè)div后，內(nèi)容又更改為“你好”你好 function onover()document.getElementById(“mydiv”).innerHTML = “歡迎光臨”;function onout()document.getElementById(“mydiv”).innerHTML = “你好”;29. 在網(wǎng)頁上實(shí)現(xiàn)顯示當(dāng)前系統(tǒng)上的日期和時(shí)間.(易)function px()var d = new Date();var a = new Array(星期天,星期一,星期二,星期三,星期四,星期五,星期六);var s = 今天是：+d.getFullYear()+年+(d.getMonth()+1)+月+d.getDate()+日+ad.getDay()+n+d.getHours()+:+d.getMinutes();document.getElementById(d).innerHTML = s ;30. 計(jì)算當(dāng)前時(shí)間距離下次國慶節(jié)的天數(shù)。（易）function px()var a = new Date(2014,9,1);var b = new Date();var t1= (a.getTime()-b.getTime()/(1000*60*60*24);/天var t11 = Math.floor(t1);var t =距離國慶節(jié)還有：+t11+天;document.getElementById(p1).innerHTML=t;setTimeout(px(),500);31. 計(jì)算當(dāng)前時(shí)間距離下次國慶節(jié)的倒計(jì)時(shí)。（難）function px()var a = new Date(2014,9,1);var b = new Date();var t1= (a.getTime()-b.getTime()/(1000*60*60*24);/天var t11 = Math.floor(t1);var t2 = (t1-t11)*24;/小時(shí)var t22 = Math.floor(t2);var t3 = (t2-t22)*60;/分鐘var t33 = Math.floor(t3);var t4 = (t3-t33)*60;/秒var t44 = Math.floor(t4);/日var d =;if(t1110)d = 0+t11;elsed = t11;/小時(shí)var h =;if(t2210)h = 0+t22;elseh = t22;/分鐘var Mi =;if(t3310)Mi = 0+t33;elseMi =t33;/秒var s =;if(t4410)s = 0+t44;elses = t44;var t =距離國慶節(jié)還有：+d+天+h+小時(shí)+Mi+分鐘+s+秒;document.getElementById(p1).innerHTML=t;setTimeout(px(),500);32. 用函數(shù)實(shí)現(xiàn)數(shù)字自減功能，數(shù)字初始值為100顯示在div中，單擊”開始倒計(jì)時(shí)” 按鈕后,每一秒數(shù)字減1,單擊”暫?！卑粹o暫停計(jì)時(shí), 單擊”開始倒計(jì)時(shí)”繼續(xù)。提示：使用setTimeout功能.(中)#p1font-size: 100px;color:#F00;100var a = 100;var tt;function px()document.getElementById(p1).innerHTML=a;if(a0)a-;elsedocument.getElementById(p1).innerHTML=倒計(jì)時(shí)結(jié)束;tt = setTimeout(px(),1000);function px1()clearTimeout(tt);33. 任意輸入一個(gè)字符串，將這個(gè)字符串輸出到頁面上(div中)，每1秒輸出一個(gè)字，輸出的時(shí)候在每2個(gè)字符之間插入一個(gè)字符，比如，輸入字符串a(chǎn)bcd，則輸出abcd（難）34. 在網(wǎng)頁上統(tǒng)計(jì)多行文本框中輸入的字符長(zhǎng)度，以及字母a出現(xiàn)的次數(shù)（不區(qū)分大小寫）。（易）統(tǒng)計(jì)字母A出現(xiàn)了多少次（不分大小寫）function px()var a = document.getElementById(textarea).value;var b = a.toLowerCase();/返回小寫var t = 0;for(var i = 0 ; i b.length ;i+)if(a=b.charAt(i)t+;document.getElementById(s1).innerHTML=文本的長(zhǎng)度是+b.length+；字母A出現(xiàn)了+t+次;35. 在網(wǎng)頁上逐字顯示“您好！歡迎您來到我的主頁！”。（中）var i = 1 ;function px()var s = 您好！歡迎您來到我的主頁！;var t = s.substr(0,i);if(is.length)i+;elsei=0;/alert(i);document.getElementById(p1).innerHTML=t;setTimeout(px(),1000);36. 判斷是否輸入了郵箱格式信息“”，然后將郵箱名字以大寫形式顯示出來，否則顯示“電子郵件地址無效”。（中）電子郵箱地址：密碼：function px()var t = document.getElementById(t1).value;if(t=)document.getElementById(s).innerHTML=郵箱地址不能為空;elsevar a = t.split();var b = t.split(.);if(a.length!=2|b.length!=2)document.getElementById(s).innerHTML=電子郵箱地址無效;elsedocument.getElementById(s).innerHTML=歡迎+a0.toUpperCase();37. 當(dāng)文本框失去焦點(diǎn)時(shí)，對(duì)身份證號(hào)碼進(jìn)行判斷，身份證是18位數(shù)字或17位數(shù)字+字母x構(gòu)成。（易）身份證請(qǐng)輸入身份證號(hào)碼function px()var t = document.getElementById(t1).value;if(t=)document.getElementById(s).innerHTML=身份證號(hào)碼為空;else if(t.length!=18)document.getElementById(s).innerHTML=你輸入的號(hào)碼不合法;elsevar a = t.substr(0,17);var b = t.substr(17,1);if(!isNaN(Number(a)&(!isNaN(Number(b)|b=x|b=X)document.getElementById(s).innerHTML=身份證號(hào)碼合法;elsedocument.getElementById(s).innerHTML=你輸入的號(hào)碼不合法;38. 文本框中只能輸入是手機(jī)號(hào)碼，對(duì)出現(xiàn)的錯(cuò)誤輸入進(jìn)行提示，最后根據(jù)手機(jī)號(hào)碼判斷手機(jī)號(hào)碼是聯(lián)通、移動(dòng)或電信。（130-132、186是聯(lián)通的，133和153、189是電信的，134-139、159、187、188是移動(dòng)的）。（難）39. 用jquery完成如下效果的二級(jí)菜單：當(dāng)鼠標(biāo)移到一級(jí)菜單上，就出現(xiàn)相應(yīng)的二級(jí)菜單（難）40. 對(duì)密碼文本框判斷，密碼至少6位，必須包含數(shù)字、字母或特殊字符，不能全部是數(shù)字，也不能全是字母。（難）獲得光標(biāo)出現(xiàn)提示：失去光標(biāo)時(shí)，對(duì)密碼框的輸入進(jìn)行判斷,符合后提示”正確”。41. 用jquery實(shí)現(xiàn)div變化效果：頁面中一個(gè)div標(biāo)簽，id為“myDiv”，寬高均為200px。點(diǎn)擊它后， 寬高則變?yōu)?00px。(中) $(document).ready(function()$(“#mydiv”).click(function()$(this).css(“height”,”300px”);$(this).css(“width”,”300px”);););42. 在實(shí)現(xiàn)如下圖所示的縱向滾動(dòng)效果：要求：文字能自行向上滾動(dòng)。當(dāng)鼠標(biāo)移動(dòng)上去的時(shí)候，滾動(dòng)停止；當(dāng)鼠標(biāo)移開后，滾動(dòng)繼續(xù)。（難）43. 用jquery實(shí)現(xiàn)如下圖所示的選項(xiàng)卡效果：要求：點(diǎn)擊標(biāo)題的時(shí)候，就出現(xiàn)對(duì)應(yīng)的內(nèi)容項(xiàng)。同時(shí)，標(biāo)題樣式要發(fā)生改變，當(dāng)前的內(nèi)容標(biāo)題要突出顯示。（難）44. 輸入你的愛用jquery完成如下效果的圖片輪換。要求：點(diǎn)擊圖片右下角的小塊，圖片能做相應(yīng)的切換（難）45. 實(shí)現(xiàn)如下圖所示的評(píng)分展示效果：要求：進(jìn)度條的長(zhǎng)度根據(jù)分?jǐn)?shù)來變化。5分為滿分；4分的時(shí)候，進(jìn)度條的長(zhǎng)度為80%，以此類推。(中).jdt width:100px; height:20px; border:1px #f00 solid;.jdt_nr width:1px; height:20px; float:left; background:#f00; 客戶評(píng)分4分 var fenshu = Number(document.getElementById(fenshu).innerHTML); document.getElementById(jdt_nr).style.width = fenshu/5*100+“%”;46. 頁面中一個(gè)span標(biāo)簽id為mySpan，內(nèi)容為“你好”。旁邊一個(gè)按鈕，id為myBtn。用jquery實(shí)現(xiàn)如下效果：點(diǎn)擊myBtn按鈕，span隱藏。(中) $(document).ready(function()$(“#myBtn”).click(function()$(“#mySpan”).hide();););47. 單擊對(duì)應(yīng)色塊，改變網(wǎng)頁的背景顏色。(中) 紅 function changeBg(color) var body = docume