JavaScript笔试题.docx

《使用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
Var 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