JS常见面试题
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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;
... <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;}
答案：D。 background-position xpos ypos 第一个值是水平位置，第二值是垂直位置。左上角是 0 0。如果你仅规定了 一个值，另一个值将是 50%。 x% y% 左上角是 0% 0%，右下角是 100% 100% top/center/bottom left/center/right 默认值是：0% 0%，如果您仅规定了一个关键 词，那么第二个值将是 center。 17.下面 CSS Hack 中，能够被 IE6 识别的是（）： A. +width:10px; B. _width:10px; C. width:10px\0; D. @width:10px; 答案：B。 CSS Hack： background-color:blue; /* all */ background-color:blue\9; /*ie */ background-color:blue\9\0; /*ie9 */ background-color:blue\0; /*ie8 ie9*/ +background-color:blue; /*ie6 ie7*/ _background-color:blue; /*ie6*/ background-color:blue !important; /*ie7 firefox*/ *background-color:blue; /*ie6 ie7*/
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.阅读下面 来自百度文库TML 代码，下面选项中增加的样式各异使两个 DIV 不再同一行显示的是 （）： <style type="text/css"> div {float:right;} </style>
12.下列用来处理表格及其元素的方法中，书写正确并且可以删除行中指定的单元格的 是（）：
A. deleteCell() B. deleteRow() C. delCell() D. delRow() 答案：A。 13.下列正则表达式中，可以匹配首位是小写字母或数字，其它位数是小写字母的最少 两位的字符串： A. /^\w{2,}$/ B. /^[a-z0-9][a-z]+$/ C. /^[a-z0-9][a-z]*$/ D. /^[a-z0-9]\d+$/ 答案：B。 正则表达式 ^ 开始位置 $ 结束位置 * 零次或多次 + 1 次或多次
C. dl dt, dl dd {float:left;} D. dl {display:inline;} 答案：AC。 11.某页面中有一个 1 行 3 列的表格，其中表格行<tr>的 id 为 row1，下列选项中能在 表格中增加一列，并且这一列显示在最后的是（）： A. document.getElementsById("row1").Cells(3); B. document.getElementsById("row1").insertCell(2); C. document.getElementsById("row1").insertCell(3); D. document.getElementsById("row1").insertCell(0); 答案：C。 Table 对象：代表一个 HTML 表格。 tableObject.deleteRow(index) 从表格删除指定位置的行。 tableObject.insertRow(index) 从表格指定位置插入一个新行。 TableRow 对象：代表一个 HTML 表格行。 tablerowObject.deleteCell(index) 删除表格行中的单元格。 tablerowObject.insertCell(index) 在表格行中插入一个新单元格。 eg： <html> <head> <script type="text/javascript"> function insRow() { var x=document.getElementById('myTable').insertRow(0) var y=x.insertCell(0) var z=x.insertCell(1) y.innerHTML="NEW CELL1" z.innerHTML="NEW CELL2" } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2
框架类型。 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 >
cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <br /> <input type="button" onclick="insRow()" value="插入行"> </body> </html>
{n} 匹配 n 次 {n,} 至少匹配 n 次 {n,m} 至少匹配 n 次，最多匹配 m 次 \w 匹配包括下划线的任何单词字符，等价于[A-Za-z0-9_] \d 匹配一个数字 14.下列选项中可以正确的匹配一个正整数的是： A. ^[1-9]\d*$ B. ^[1-9]+$ C. ^[0-9]\d*$ D. ^[1-9]\d+$ 答案：A。 15.关于 HTML 中的表格和样式，下面说法错误的是： A.表格的边框可以使用 CSS 来控制 B.单元格的尺寸可以使用 CSS 来控制 C.单元格的背景颜色可以使用 CSS 来控制 D.单元格的跨行或跨列可以使用 CSS 来控制 答案：D。 16.CSS 样式 background-position:5px -10px 代表的意义是： A.背景图片向左偏移 5px，线下偏移 10px B.背景图片向左偏移 5px，线上偏移 10px C.背景图片向右偏移 5px，线下偏移 10px D.背景图片向右偏移 5px，线上偏移 10px
JavaScript 面试题集锦(一)
一 选择题 1.关于 XHTML 1.0 规定的级别声明，下面选项中属于严格类型的是（）： A.Strict B.Trasitional C.Frameset D.Mobile 答案：A。XHTML1.0 有三种文档类型：Strict 严格类型，Trasitional 过渡类型，Frameset
<!DOCTYPE html> <html> <head> <title>Css Hack</title> <style> #test { width:300px; height:300px; background-color:blue; /*firefox*/ background-color:red\9; /*all ie*/ background-color:yellow\0; /*ie8*/ +background-color:pink; /*ie7*/ _background-color:orange; /*ie6*/ } :root #test { background-color:purple\9; } /*ie9*/ @media all and (min-width:0px){ #test {background-color:black\0;} } /*opera*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} } /*chrome and safari*/ </style> </head> <body> <div id="test">test</div> </body> </html>
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;