《JavaScript与jQuery应用》期末复习模拟试卷.doc

JavaScript与jQuery应用期末复习模拟试卷（满分100分，考试时间80分钟）一、 选择题（2分/题，共15题，共30分）复习范围：课本每一章节后练习中的选择题，w3school中xml相关测试题二、 读程题（2分/空，共15题，共30分）答题要求：对有注释标记的语句补充注释说明该语句的功能，并根据Javascript或jQuery代码写出该程序段实现的功能，将答案填入题中空格内，填写在其他地方的无效。程序段一：HTML代码：+=JavaScript代码： function Cal() if(Number(NUM_1.value) & Number(NUM_2.value) /16:判断RESULT.value=parseFloat(NUM_1.value)+parseFloat(NUM_2.value);/17. 设置 elseNUM_1.value =;NUM_2.value =;var len=document.getElementsByTagName(input); /18.获取for(var i=0;ilen.length-1;i+) leni.onblur=Cal;/19.设置20.该网页实现的功能：程序段二：HTML代码： 商品名称 价格 杜比环绕，家庭影院必备，超真实享受 一口价2833.0 NVDIA 9999GT 512MB 256bit极品显卡，不容错过 一口价6464.0 精品热卖：高清晰，30寸等离子电视 一口价18888.0 Sony索尼家用最新款笔记本 一口价5889.0 jQuery代码：$document.ready(function() /21.编写 事件$(#all).toggle(/22.编写对象 的 事件 function()$(inputname=product).attr(checked,true);/23.设置, function()$(inputname=product).removeAttr(checked);/24.设置)25.该jQuery代码段实现的功能：程序段三：HTML代码： 书名 价格 看得见风景的房间 ¥30.00 60个瞬间 ¥32.00 JavaScript代码：function addRow()var lengths=document.getElementById(myTable).rows.length;/26.获得var index;if (lengths=2 )index=2;elseindex=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;jQuery代码段：$(input:eq(1).click(function() $(#myTable tr:eq(1).remove(););30. 实现 三、 程序填空题（1分/题，共20题，共20分）密 封 线 内 不 得 答 题.答题要求：给程序填写适当的关键字或标识符使得程序完整，网页呈现出如下图所示的效果。将答案填入题中空格内，填写在其他地方的无效。HTML代码： 新用户注册 用户名： 用户名由4-16位字符组成 手机号码： 请输入11位手机号码     CSS相关格式：.rightcolor:green;divcolor:#f00;/*使用JavaScript代码实现手机号码的验证*/31. 32.在HTML中引入js代码 checkMobile()/33.定义自定义函数var mobile= ;/ 34.获取手机号码文本框中值/35.获取用来显示用户名提示文本的div对象var mobileId= document.getElementById( ); =;/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;return true;/41.设置手机号码文本框失去焦点事件document.getElementById(mobile). = ;/42.载入jQury库/使用jQuery代码实现用户名验证$( ). (function()/43. 44.jQuery核心事件文档就绪事件$(# user). (function() /45.添加失去焦点事件 if ($(#user). = ) /46.判断用户名为空 $(# user_prompt ). (用户名不能为空);/47.设置提示文本$(# user_prompt ). ;/ 48.去除right类样式 else $(#user_prompt).html(用户名可以注册)$(#user_prompt). ;/ 49.添加right类样式 if ( ) /50.判断用户名长度少于4位或大于16位 $(#user_prompt).html(用户名长度必须在4位-16位); ); 得分阅卷人四、 编程题（10分/题，共2题，共20分）答题要求：将答案书写在题目的下方空白位置，书写在其他地方的无效。分值分配项：l JavaScript或jQuery程序结构（2分）l 添加事件（2分）l 功能实现（5分）l 注释（1分）51.编写JavaScrip或jQuery程序，要求实现鼠标移到小图上，显示相应大图的图片展示功能。HTML代码：图片展示* padding:0;margin:0;#test border-radius:6px;margin-top:5px;margin-bottom:15px;div imgwidth:30px;height:30px;border-radius:4px;margin-left:12px;mar