JavaScript笔试题.docx

使用JavaScript增强交互效果内部测试-笔试试卷一、选择题（单选或多选题）1下面HTML标签中，默认占据整行的是（ AB ）。ABCD2下面选项中，（ AC ）可以设置网页中某个标签的左外边距为5像素。Amargin:0 5pxBmargin:5px 0 0 0;Cmargin:0 0 0 5px;Dpadding-left:5px;3在CSS中，为页面中的某个DIV标签设置以下样式，则该标签的实际宽度为（ D ）。div width:200px; padding:0 20px; border:5px; A200pxB220pxC240pxD250px4在HTML中，DIV默认样式下是不带滚动条的，若要使标签出现滚动条，需要为该标签定义（ C ）样式。Aoverflow:hidden;Bdisplay:block;Coverflow:scroll;Ddisplay:scroll;5阅读下面HTML代码，下面选项中增加的样式可以使两个DIV不在同一行显示的是（ BD ）。div float:right; .A.box2 clear:left; B.box2 clear:both; C.box1 clear:right; D.box2 clear:right; 6某页面中有一个1行3列的表格，其中表格行的id为row1，下列选项中能在表格中增加一列，并且这一列显示在最后面的是（ C）。Adocument.getElementById(row1).Cells(3); Bdocument.getElementById(row1). insertCell (2);Cdocument.getElementById(row1).insertCell(3);Ddocument.getElementById(row1).insertCell(0);7.下列正则表达式中（B ）可以匹配首位是小写字母或数字，其它位数是小写字母的最少两位的字符串。A/ w2,$/B/ a-z0-9a-z+$/C/ a-z0-9a-z*$/D/ a-z0-9d+$/8关于HTML中的表格和样式，下面说法错误的是（ D ）。A表格的边框可以使用CSS来控制B单元格的尺寸可以使用CSS来控制C单元格的背景颜色可以使用CSS来控制D单元格的跨行或跨列可以使用CSS来控制9CSS样式background-position:5px -10px代表的意义是（ D ）。A背景图片向左偏移5px，向下偏移10pxB背景图片向左偏移5px，向上偏移10pxC背景图片向右偏移5px，向下偏移10pxD背景图片向右偏移5px，向上偏移10px10当为一个向左或向右浮动的元素设置左或右边距时，在IE6.0浏览器中就会出现一个双倍边距的BUG，解决双倍边距BUG的常用方法是在浮动元素上添加（ A ）样式。Adisplay:inlineBdisplay:noneCfloat:noneDoverflow:hidden11在HTML中，、等标签，在IE与Firefox浏览器中的外边界、填充的默认值会存在差异，解决这个差异的办法是为各标签设置（ A ）样式。Amargin:0;padding:0;Bborder:0;Cdisplay:inline;Dwidth:100%;二、判断题阅读题目，在下面的圆括号中填写对或错。1在CSS中，border:1px 2px 3px 4px表示设置某个HTML元素的上边框为1px、右边框为2px、下边框为3px、左边框为4px。（ ）2在HTML中，标签的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、表单验证表单内容如下：将表单内容放到数组formvalues中，用ajax post提交到 ./checkuser.php.验证，返回error=0，将页面跳转到 ./login.php；error！=0 ，弹出错误。答案如下黑体部分：Function ajaxPost()var xmlhttp_request=;tryxmlhttp_request=newActiveXObject(Microsoft.XMLHTTP);xmlhttp_request.open(Post,myurl,true);/your codeVar 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 codeif(errMessage =0)Window.location=” ./login.php”;elsealert(“错误”); ajaxPost();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 = arrayi;x.invoke = function()print(i);outter.push(x);/调用这个函数cl