JavaScript笔试题

《使用JavaScript增强交互效果》内部测试-笔试试卷
一、选择题（单选或多选题）
1．下面HTML标签中，默认占据整行的是（AB ）。

A．<h1>
B．<div>
C．<span>
D．<a>
2．下面选项中，（AC ）可以设置网页中某个标签的左外边距为5像素。

A．margin:0 5px
B．margin:5px 0 0 0;
C．margin:0 0 0 5px;
D．padding-left:5px;
3．在CSS中，为页面中的某个DIV标签设置以下样式，则该标签的实际宽度为（D ）。

div { width:200px; padding:0 20px; border:5px; }
A．200px
B．220px
C．240px
D．250px
4．在HTML中，DIV默认样式下是不带滚动条的，若要使<div>标签出现滚动条，需要为该标签定义（ C ）样式。

A．overflow:hidden;
B．display:block;
C．overflow:scroll;
D．display:scroll;
5．阅读下面HTML代码，下面选项中增加的样式可以使两个DIV不在同一行显示的是（BD ）。

<style type="text/css">
div { float:right; }
</style>
......
<div class="box1"></div>
<div class="box2"></div>
......
A．.box2{ clear:left; }
B．.box2{ clear:both; }
C．.box1{ clear:right; }
D．.box2 { clear:right; }
6．某页面中有一个1行3列的表格，其中表格行<tr>的id为row1，下列选项中能在表格中增加一列，并且这一列显示在最后面的是（C）。

A．document.getElementById("row1").Cells(3);
B．document.getElementById("row1"). insertCell (2);
C．document.getElementById("row1").insertCell(3);
D．document.getElementById("row1").insertCell(0);
7.下列正则表达式中（B ）可以匹配首位是小写字母或数字，其它位数是小写字母的最少
两位的字符串。

A．/^ \w{2,}$/
B．/^ [a-z0-9][a-z]+$/
C．/^ [a-z0-9][a-z]*$/
D．/^ [a-z0-9]\d+$/
8．关于HTML中的表格和样式，下面说法错误的是（ D ）。

A．表格的边框可以使用CSS来控制
B．单元格的尺寸可以使用CSS来控制
C．单元格的背景颜色可以使用CSS来控制
D．单元格的跨行或跨列可以使用CSS来控制
9．CSS样式background-position:5px -10px代表的意义是（ D ）。

A．背景图片向左偏移5px，向下偏移10px
B．背景图片向左偏移5px，向上偏移10px
C．背景图片向右偏移5px，向下偏移10px
D．背景图片向右偏移5px，向上偏移10px
10．当为一个向左或向右浮动的元素设置左或右边距时，在IE6.0浏览器中就会出现一个双倍边距的BUG，解决双倍边距BUG的常用方法是在浮动元素上添加（ A ）样式。

A．display:inline
B．display:none
C．float:none
D．overflow:hidden
11．在HTML中，<ol>、<ul>、<dl>、<dd>、<form>等标签，在IE与Firefox浏览器中的外边界、填充的默认值会存在差异，解决这个差异的办法是为各标签设置（ A ）样式。

A．margin:0;padding:0;
B．border:0;
C．display:inline;
D．width:100%;
二、判断题
阅读题目，在下面的圆括号中填写对或错。

1．在CSS中，border:1px 2px 3px 4px表示设置某个HTML元素的上边框为1px、右边框为2px、下边框为3px、左边框为4px。

（×）
2．在HTML中，<iframe>标签的frameborder属性用来设置内嵌框架的边框宽度，属性值设为2表示边框宽度为2像素。

（×）
3．在HTML中，单元格的rowspan属性用来设置单元格的跨行。

（√）
4．在CSS中，设置display属性为none可以用来隐藏页面中的元素。

（√）
5. 在HTML DOM中，TableCell对象的cellIndex属性可以返回返回单元格内部数据的水平排列方式。

（×）
三、填空题
1、JavaScript中String对象的正则表达式方法____match____用于找到一个或多个正则表达式的匹配。

2．在CSS中，__z-index______属性可以用来设置元素的叠放顺序。

四、问答题
1、简述css选择器优先级顺序
能描述id选择器》类选择器》标签选择器即可
能指出id=100，类=10，标签=1 内部css=1000者佳
2，截取字符串abcdefg的efg
答案：
var str = "abcdefg";
var efg = str.substr(str.indexOf("efg"), 3);
3，如何显示/隐藏一个DOM元素？
答案
el.style.display = "";
el.style.display = "none";
el是要操作的DOM元素
4、表单验证
表单内容如下：
<form id="myform" name="myform" type="post" action='./'/>
<input type="text" name="username" id="username" maxlength="20" />
<input type="password" name="password" id="password" maxlength="20" />
<input name="email" type="text" id="email" maxlength="20"/>
</form>
将表单内容放到数组formvalues中，
用ajax post提交到./checkuser.php.验证，返回error=0，将页面跳转到./login.php；error！=0 ，弹出错误。

答案如下黑体部分：
<SCRIPTLANGUAGE="JavaScript">
Function ajaxPost(){
var xmlhttp_request="";
try{
xmlhttp_request=newActiveXObject("Microsoft.XMLHTTP");
xmlhttp_request.open('Post','myurl',true);
//your code
V ar formvalues=new Array();
formvalues.push(Document.getElementByid(“username”).value);
formvalues.push(Document.getElementByid(“password”).value);
formvalues.push(Document.getElementByid(“email”).value);
xmlhttp_request.send(formvalues);
xmlhttp_request.onreadystatechange=function(data){
if(xmlhttp_request.readyState==4){//收到完整的服务器响应if(xmlHttp.status == 200){
var errMessage= xmlhttp_request.responseText;
//your code
if(errMessage =0){
Window.location=” ./login.php”;
}else{
alert(“错误”);
}
}
}
}
ajaxPost();
</SCRIPT>
5、下面代码的输出结果是：
var outter = [];
function clouseTest () {
var array = ["one", "two", "three", "four"];
for(var i = 0; i < array.length;i++){
var x = {};
x.no = i;
x.text = array[i];
x.invoke = function(){
print(i);
}
outter.push(x);
}
}
//调用这个函数
clouseTest();
print(outter[0].invoke());
print(outter[1].invoke());
print(outter[2].invoke());
print(outter[3].invoke());
答案：4 undefined 4 undefined 4 undefined 4 undefined。