JS期末-帶答案(修訂版).doc_第1頁
JS期末-帶答案(修訂版).doc_第2頁
JS期末-帶答案(修訂版).doc_第3頁
JS期末-帶答案(修訂版).doc_第4頁
JS期末-帶答案(修訂版).doc_第5頁
已閱讀5頁,還剩16頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論