当前位置:文档之家› JavaScript内部测试-笔试试题和答案

JavaScript内部测试-笔试试题和答案

《使用JavaScript增强交互效果》内部测试-笔试试卷一、选择题1.关于XHTML 1.0规定的级别声明,下面选项中属于严格类型的是( A )。

A.StrictB.TrasitionalC.FramesetD.Mobile2.下面HTML标签中,默认占据整行的是(AB )。

A.<h1>B.<div>C.<span>D.<a>3.下面HTML代码片段中符合XHTML使用规范的是( D )。

A.<table><tr><td></tr></table>B.<input type="checkbox" checked />C.<img src="title.jpg" alt="Welcome">D.<hr />4.下面选项中,(AC )可以设置网页中某个标签的左外边距为5像素。

A.margin:0 5pxB.margin:5px 0 0 0;C.margin:0 0 0 5px;D.padding-left:5px;5.在CSS中,为页面中的某个DIV标签设置以下样式,则该标签的实际宽度为(D )。

div { width:200px; padding:0 20px; border:5px; }A.200pxB.220pxC.240pxD.250px6.下面选项中,可以设置页面中某个DIV标签相对页面水平居中的CSS样式是( A )。

A.margin:0 autoB.padding:0 autoC.text-align:centerD.vertical-align:middle7.在HTML中,DIV默认样式下是不带滚动条的,若要使<div>标签出现滚动条,需要为该标签定义( C )样式。

A.overflow:hidden;B.display:block;C.overflow:scroll;D.display:scroll;8.阅读下面HTML代码,在IE7.0及以上版本浏览器中,两个DIV之间的空白距离是(C )。

<style type="text/css">.header { margin-bottom:10px; border:1px solid #f00; }.container { margin-top:15px; border:1px solid #f00; }</style>......<div class="header"></div><div class="container"></div>......A.0pxB.10pxC.15pxD.25px9.阅读下面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; }10.阅读下面HTML代码,若要使<dt>和<dd>标签在同一行显示,下面选项中的CSS书写正确的是(AC )。

<dl><dt>用户名:</dt><dd><input type="text" name="userName" size="12" /></dd></dl>A.dl dt { float:left; }B.dl dd { float:left; }C.dl dt, dl dd { float:left; }D.dl { display:inline; }11.某页面中有一个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);12.下列用来处理表格及其元素的方法中,书写正确并且可以删除行中指定的单元格的是(A)。

A. deleteCell()B. deleteRow()C. delCell()D. delRow()13. 在下列表格中的增加订单所在行之前插入一行的位置应该是(C)。

A. 0B. 1C. 2D. 314.下列正则表达式中(B )可以匹配首位是小写字母或数字,其它位数是小写字母的最少两位的字符串。

A./^ \w{2,}$/B./^ [a-z0-9][a-z]+$/C./^ [a-z0-9][a-z]*$/D./^ [a-z0-9]\d+$/15. 下列选项中(A )可以正确的匹配一个正整数。

A. ^[1-9]\d*$B. ^[1-9]+$C. ^[0-9]\d*$D. ^[1-9]\d+$16.关于HTML中的表格和样式,下面说法错误的是( D )。

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

A.背景图片向左偏移5px,向下偏移10pxB.背景图片向左偏移5px,向上偏移10pxC.背景图片向右偏移5px,向下偏移10pxD.背景图片向右偏移5px,向上偏移10px18.下面CSS Hack中,能够被IE6识别的是(AB )。

A.+width:10px;B._width:10px;C.width:10px\0;D.@width:10px;19.当为一个向左或向右浮动的元素设置左或右边距时,在IE6.0浏览器中就会出现一个双倍边距的BUG,解决双倍边距BUG的常用方法是在浮动元素上添加( A )样式。

A.display:inlineB.display:noneC.float:noneD.overflow:hidden20.在HTML中,<ol>、<ul>、<dl>、<dd>、<form>等标签,在IE与Firefox浏览器中的外边界、填充的默认值会存在差异,解决这个差异的办法是为各标签设置( A )样式。

A.margin:0;padding:0;B.border:0;C.display:inline;D.width:100%;21.在W3C规范中,下面关于HTML标签的描述错误的是(CD )。

A.<html>标签在页面中只能有1个B.<body>标签在页面中只能有1个C.内嵌框架是自身闭合的标签,写法是<iframe />D.<textarea>标签的value属性用来设置多行文本框中的默认文本22.阅读下面CSS代码,下面选项中与该代码段效果等同的是( A )。

.box { margin:10px 5px; margin-right:10px; margin-top:5px; }A..box { margin:5px 10px 10px 5px; }B..box { margin:5px 10px 0px 0px; }C..box { margin:5px 10px; }D..box { margin:10px 5px 10px 5px; }23.在CSS中,下面关于样式“#container, .main{font-size:12px;}”与“#container .main{font-size:14px;}”的说法正确的是( A )。

A.前者表示同时设置两个选择器的样式,后者表示只设置main选择器的样式B.前者表示只设置main选择器的样式,后者表示同时设置两个选择器的样式C.二者中间的逗号或者空格都可以省略D.二者作用是相同的24.在CSS中,下面关于定义字体类型的用法正确的是(BD )。

A.font-family:宋体, Arial Black,Times New Roman;B.font-family:宋体, "Arial Black","Times New Roman";C.font-family:"宋体", Arial Black,Times New Roman;D.font-family:"宋体", "Arial Black","Times New Roman";25.阅读下面HTML代码,如果期望tabs位于box容器的右下角,则需要添加的CSS样式是( C )。

<div id="box"><div id="tabs"></div></div>A.#tabs { position:absolute; right:0; bottom:0; }B.#tabs { position:relative; right:0; bottom:0; }C.#box { position:relative; } #tabs { position:absolute; right:0; bottom:0; }D.#box { position:relative; } #tabs { position:right bottom; }26.在HTML页面中,调用外部样式表的方法是(B)。

相关主题