1、使用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默认样式下是不
2、带滚动条的,若要使标签出现滚动条,需要为该标签定义( 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,下列选项中能在表格中增加一列,并且这一列显示在最后面的是(
3、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中的表格和样式,下面说法错
4、误的是( 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 )样式。Adispla
5、y: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属
6、性用来设置内嵌框架的边框宽度,属性值设为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选择器类选择器标签选择器即
7、可能指出 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 ,弹出错
8、误。答案如下黑体部分: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);f
9、ormvalues.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=” ./log
10、in.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);/调用这个函数clouseTest();print(outter0.invoke();print(outter1.invoke();print(outter2.invoke();print(outter3.invoke(); 答案:4 undefined 4 undefined 4 undefined 4 undefined
©2010-2024 宁波自信网络信息技术有限公司 版权所有
客服电话:4008-655-100 投诉/维权电话:4009-655-100