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

admin管理员组

文章数量:1552324

2024年3月4日发(作者：)

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_）&＆ Number（NUM_2。value）) //16:判断

｛

=parseFloat(NUM_)+parseFloat(NUM_);

//17。 设置

}

else

{

NUM_1。value =””;

NUM_ =”"；

}

}

var len=document。getElementsByTagName("input”); //18.获取

for(var i=0;i<-1;i++)｛

len[i］。onblur=Cal；//19.设置

｝

20。该网页实现的功能：

第 1 页（共 7 页）

程序段二：

HTML代码：

〈td〉

〈input id=”all" type=”checkbox” /〉

〈img src="images/”/>

〈td〉商品名称

〈tr〉

〈/td〉

〈td>

〈td〉一口价〈br/〉5889.0

〈/tr>

〈/table>

〈/body〉

jQuery代码:

$（function（） ｛//21。编写事件

$(’#all'）。toggle(//22。编写对象的事件

function(）{

＄(”input[name=product］”）。attr(”checked",'true')；//23。设置

｝,

第 2 页（共 7 页）

function（){

$(”input［name=product]”）.removeAttr("checked”）；//24。设置

}）

｝)

25.该jQuery代码段实现的功能：

程序段三：

HTML代码:

〈trid="row1"〉

〈/tr>

〈trid=”row3"〉

〈/table〉

〈/body>

JavaScript代码:

function addRow（）｛

var lengths=document。getElementById("myTable"）。;//26。获得

var index;

if （lengths>=2 )｛

｝

else｛

index=1;

}

index=2;

var newRow=document。getElementById("myTable"）。insertRow(index）;//27.在插入

var col1=newRow。insertCell(0）;//28.插入

col1。innerHTML=”幸福从天而降";//29。插入

var col2=Cell（1);

第 3 页（共 7 页）

col2。innerHTML=”＆yen;18。5";

=”center”；

}

jQuery代码段:

$（”input:eq(1）”）。click(function（） ｛

$（#myTabletr:eq(1）)。remove(）；

｝）;

30. 实现

三、程序填空题（1分/题,共20题，共20分）

答题要求:给程序填写适当的关键字或标识符使得程序完整,网页呈现出如下图所示的效果。将答案填入题中空格内，填写在其他地方的无效.

HTML代码：

〈td class="center”>〈input id="user" type="text" class="inputClass"

/>

用户名由4-16位字符组成〈/td>