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（）
{
if(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。该网页实现的功能：
程序段二：
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〉
jquery是什么功能组件 <tr〉
<td>〈input name="product” type=”checkbox" value=”1" /〉</td〉
<td〉杜比环绕，家庭影院必备，超真实享受 </td〉
〈td>一口价〈br/〉2833。0</td〉
〈/tr〉
〈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〉
jQuery代码:
$ady（function（） ｛//21。编写事件
$(’#all'）。toggle(//22。编写对象的事件
function(）{
＄(”input[name=product］”）。attr(”checked",'true')；//23。设置
｝,
function（){
$(”input［name=product]”）.removeAttr("checked”）；//24。设置
}）
｝)
25.该jQuery代码段实现的功能：
程序段三：
HTML代码:
<body>
<tableborder=”0"cellspacing="0"cellpadding=”0”id="myTable”〉
〈trid="row1"〉
<td>书名〈/td>
〈td〉价格</td>
</tr〉
<trid=”row2”>
<td>看得见风景的房间〈/td>
〈tdclass="center”>＆yen;30.00</td>
〈/tr>
〈trid=”row3"〉
<td>60个瞬间〈/td〉
〈tdclass=”center”〉¥；32.00〈/td〉
</tr>
〈/table〉
<inputname="b1”type="button”value=”增加一行"onclick="addRow（)”/>
<inputname=”b2"type=”button”value="删除第2行"/〉
〈/body>
JavaScript代码:
function 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=”＆yen;18。5";
col2.align=”center”；
}
jQuery代码段:
$（”input:eq(1）”）。click(function（） ｛
$（#myTabletr: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〉
〈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>＆nbsp;</td〉
</tr〉
</table〉
〈/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("")；
=""；//36。设置手机号码的提示文本为空串
if（）//37。判断手机号码不是以1开头
｛
mobileId。innerHTML="手机号开始位应该为1”;
return false；
}
if（)//38.判断手机号码不是11位
{
mobileId。innerHTML="手机位数不对！"；
return false;
}
for（var i=0；i〈；i++)｛//39。循环遍历手机号码字符串
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论