JavaScript与jQuery应用期末复习模拟试卷（满分100分，考试时间80分钟）一、选择题（2分/题，共15题，共30分）复习范围：课本每一章节后练习中的选择题，w3school中xml相关测试题二、读程题（2分/空，共15题，共30分）答题要求：对有注释标记的语句补充注释说明该语句的功能，并根据Javascript或jQuery代码写出该程序段实现的功能，将答案填入题中空格内，填写在其他地方的无效。
程序段一：HTML代码：<input type="text" id="NUM_1" />+<input type="text" id="NUM_2" />=<input type="text" id="RESULT"/>JavaScript代码：function Cal(){页脚内容1if(Number(NUM_1.value) && Number(NUM_2.value)) //16:判断{RESULT.value=parseFloat(NUM_1.value)+parseFloat(NUM_2.value); //17. 设置}else{NUM_1.value ="";NUM_2.value ="";}}var len=document.getElementsByTagName("input"); //18.获取for(var i=0;i<len.length-1;i++){len[i].onblur=Cal;//19.设置}20.该网页实现的功能：页脚内容2程序段二：HTML代码：<body><table border="0" cellspacing="0" cellpadding="0" class="bg"><tr style="font-weight:bold;"><td><input id="all" type="checkbox" /><img src="images/select.jpg"/></td><td>商品名称</td><td>价格</td></tr><tr><td><input name="product" type="checkbox" value="1" /></td> <td>杜比环绕，家庭影院必备，超真实享受</td><td>一口价<br/>2833.0</td></tr>页脚内容3<tr><td><input name="product" type="checkbox" value="2" /></td> <td>NVDIA 9999GT 512MB 256bit极品显卡，不容错过</td><td>一口价<br/>6464.0</td></tr><tr><td><input name="product" type="checkbox" value="3" /></td> <td> 精品热卖：高清晰，30寸等离子电视<br /> </td> <td>一口价<br/>18888.0 </td></tr><tr><td><input name="product" type="checkbox" value="4" /></td> <td> Sony索尼家用最新款笔记本</td><td>一口价<br/>5889.0 </td></tr></table></body>页脚内容4jQuery代码：$document.ready(function() {//21.编写事件$('#all').toggle(//22.编写对象的事件function(){$("input[name=product]").attr("checked",'true');//23.设置},function(){$("input[name=product]").removeAttr("checked");//24.设置})})25.该jQuery代码段实现的功能：程序段三：HTML代码：<body><table border="0"cellspacing="0"cellpadding="0"id="myTable"> <tr id="row1">页脚内容5<td>书名</td><td>价格</td></tr><tr id="row2"><td>看得见风景的房间</td><td class="center">¥30.00</td></tr><tr id="row3"><td>60个瞬间</td><td class="center">¥32.00</td></tr></table><input name="b1"type="button"value="增加一行"onclick="addRow()"/> <input name="b2"type="button"value="删除第2行"/></body>JavaScript代码：页脚内容6function addRow(){var lengths=document.getElementById("myTable").rows.length;//26.获得var index;if (lengths>=2 ){index=2;}else{index=1;}var newRow=document.getElementById("myTable").insertRow(index);//27.在插入var col1=newRow.insertCell(0);//28.插入col1.innerHTML="幸福从天而降";//29.插入var col2=newRow.insertCell(1);col2.innerHTML="¥18.5";col2.align="center";}页脚内容7jQuery代码段：$("input:eq(1)").click(function() {$(#myTable tr:eq(1)).remove();});30. 实现三、程序填空题（1分/题，共20题，共20分）答题要求：给程序填写适当的关键字或标识符使得程序完整，网页呈现出如下图所示的效果。
将答案填入题中空格内，填写在其他地方的无效。
HTML代码：<body><table class="main" border="0" cellspacing="0" cellpadding="0"><tr><td class="hr_1">新用户注册</td></tr><form action="" method="post" name="myform"><tr>页脚内容8<td><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="left">用户名：</td><td class="center"><input id="user" type="text" class="inputClass" /></td><td><div id="user_prompt">用户名由4-16位字符组成</div></td></tr><tr><td class="left">手机号码：</td><td class="center"><input id="mobile" type="text" class="inputClass" /></td><td><div id=" mobile_prompt">请输入11位手机号码</div></td></tr><tr><td class="left"> </td><td class="center"><input name="" type="image" src="images/register.jpg" /></td> <td> </td></tr></table>页脚内容9</td></tr></form></table></body>CSS相关格式：<style type="text/css">.right{ color:green;}div{color:#f00;}</style>/*使用JavaScript代码实现手机号码的验证*/< type=" ">//31. 32.在HTML中引入js代码checkMobile(){//33.定义自定义函数var mobile=;// 34.获取手机号码文本框中值//35.获取用来显示用户名提示文本的div对象var mobileId= document.getElementById(" ");页脚内容10="";//36.设置手机号码的提示文本为空串if( )//37.判断手机号码不是以1开头{mobileId.innerHTML="手机号开始位应该为1";return false;}if( )//38.判断手机号码不是11位{mobileId.innerHTML="手机位数不对！";return false;}for(var i=0;i< ;i++){//39.循环遍历手机号码字符串if( (mobile.charAt(i))){//40.判断手机号码中有字符{mobileId.innerHTML="手机号码不能包含字符";return false;页脚内容11}}return true;}//41.设置手机号码文本框失去焦点事件document.getElementById("mobile"). = ;</script><script ="js/jquery-1.11.3.min.js"></script>//42.载入jQury库<script>//使用jQuery代码实现用户名验证$( ). (function(){//43. 44.jQuery核心事件文档就绪事件$("# user"). (function() {//45.添加失去焦点事件if ($("#user"). == "") {//46.判断用户名为空$("# user_prompt "). ("用户名不能为空");//47.设置提示文本$("# user_prompt "). ;// 48.去除right类样式} else {页脚内容12页脚内容13 $("#user_prompt").html("用户名可以注册") $("#user_prompt"). ;// 49.添加right 类样式}if ( ) {//50.判断用户名长度少于4位或大于16位$("#user_prompt").html("用户名长度必须在4位-16位");}});</script>四、 编程题（10分/题，共2题，共20分） 答题要求：将答案书写在题目的下方空白位置，书写在其他地方的无效。