JS期末-带答案(修订版).doc

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