JavaScript 面试题汇总(一)

JavaScript 面试题集锦(一)

一 选择题

　　1.关于XHTML 1.0规定的级别声明，下面选项中属于严格类型的是（）：

　　A.Strict B.Trasitional C.Frameset D.Mobile

　　答案：A。XHTML1.0有三种文档类型：Strict严格类型，Trasitional过渡类型，Frameset框架类型。

　　2.下面HTML标签中，默认占据整行的是（）：

　　A.<h1> B.<div> C.<span> D.<a>

　　答案：AB。h1和div都是块级元素，默认占据整行。

　　3.下面HTML代码片段中符合XHTML使用规范的是（）：

　　A. <table$amp;>amp;$lt;tr$amp;>amp;$lt;td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table>

　　B. <input type="checkbox" checked/>

　　C. <img src="title.jpg" alt="Welcome">

　　D. <hr />

　　答案：D。XHTML的使用规范：1.有文件类型声明；2.小写的标签名和属性名；3.给所有的属性加上引号；4.所有标签，包括空标签都应闭合。

　　4.下面选项中，（）可以设置网页中某个标签的左外边距为5像素：

　　A. margin:0 5px;

　　B. margin:5px 0 0 0;

　　C. margin:0 0 0 5px;

　　D. padding-left:5px;

　　答案：C。CSS的边距值的顺序是从上top开始围绕元素顺时针旋转的：

　　margin: top right bottom left;

　　如果边距少于4个值按照下面规则进行值复制：

　　1.如果缺少左外边距的值，则使用右外边距的值。

　　2.如果缺少下外边距的值，则使用上外边距的值。

　　3.如果缺少右外边距的值，则使用上外边距的值。

　　5.在CSS中，为页面中的某个DIV标签设置以下样式，则该标签的实际宽度为（）：

　　div { width:200px; padding:0 20px; border:5px; }

　　A. 200px B. 220px C. 240px D. 250px

　　答案：D。实际宽度=外边距+边框+内边距+内容宽度，0+20px*2+5px*2+200px = 250px。

　　6.下面选项中，可以设置页面中某个DIV标签相对页面水平居中的CSS样式是（）：

　　A. margin:0 auto;

　　B. padding:0 auto;

　　C. text-align:center;

　　D. vertival-align:middle;

　　答案：A。

　　7.在HTML中，DIV默认样式下是不带滚动条的，若要是<div>标签出现滚动条，需要为该标签定义（）样式：

　　A. overflow:hidden;

　　B. display:block;

　　C. overflow:scroll;

　　D.display:scroll;

　　答案：C。overflow当内容溢出元素框时发生的事情。

　　visible:默认值，内容不会发生修剪，会呈现在元素框之外。

　　hidden：内容会被修剪，并且其余内容是不可见的。

　　scroll：内容会被修剪，但是浏览器会显示滚动条查看其余内容，始终会有滚动条。

　　auto：如果内容被修剪，会出现滚动条，否则不会出现滚动条。

　　8.阅读下面HTML代码，在IE7.0及以上版本浏览器中，两个DIV之间的空白距离是（）：

　　<style type="text/css">

　　.header {margin-bottom:10px; border:1px solid #f00;}

　　.container {margin-top:15px; border:1px solid #f00;}

　　</style>

　　<div$amp;>amp;$lt;div>

　　<div class="container"$amp;>amp;$lt;div>

　　A. 0px B.10px C.15px D.25px

　　答案：C。

　　9.阅读下面HTML代码，下面选项中增加的样式各异使两个DIV不再同一行显示的是（）：

　　<style type="text/css">

　　div {float:right;}

　　</style>

　　...

　　<div class="box1"$amp;>amp;$lt;/div>

　　<div class="box2"$amp;>amp;$lt;/div>

　　...

　　A. .box2 {clear:left;}

　　B. .box2 {clear:both;}

　　C. .box1 {clear:right;}

　　D. .box2 {clear:right;}

　　答案：BD。因为都是右浮动，所以不再同一行，应该清除第二个div的右浮动。

　　clear:right;在右侧不允许出现浮动元素。

　　clear:left;在左侧不允许出现浮动元素。

　　clear:both;两侧都不允许出现浮动元素。

　　clear:none;默认值，允许两侧出现浮动元素。

　　10.阅读下面HTML代码，若要使<dt>和<dd>标签在同一行显示，下面选项中的CSS书写正确的是（）：

　　<dl>

　　<dt>用户名：</dt>

　　<dd$amp;>amp;$lt;input type="text" name="userName" size="12" /$amp;>amp;$lt;/dd>

　　</dl>

　　A. dl dt {float:left;}

　　B. dl dd {float:left;}

　　C. dl dt, dl dd {float:left;}