JS常见面试题.pdf

JavaScript 面试题集锦 一 一 选择题 1 关于 XHTML 1 0 规定的级别声明 下面选项中属于严格类型的是 A Strict B Trasitional C Frameset D Mobile 答案 A XHTML1 0 有三种文档类型 Strict 严格类型 Trasitional 过渡类型 Frameset 框架类型 2 下面 HTML 标签中 默认占据整行的是 A B C D 答案 AB h1 和 div 都是块级元素 默认占据整行 3 下面 HTML 代码片段中符合 XHTML 使用规范的是 A amp lt tr amp amp lt td amp amp lt tr amp amp lt table B C D 答案 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 默认样式下是不带滚动条的 若要是标签出现滚动条 需 要为该标签定义 样式 A overflow hidden B display block C overflow scroll D display scroll 答案 C overflow 当内容溢出元素框时发生的事情 visible 默认值 内容不会发生修剪 会呈现在元素框之外 hidden 内容会被修剪 并且其余内容是不可见的 scroll 内容会被修剪 但是浏览器会显示滚动条查看其余内容 始终会有滚动条 auto 如果内容被修剪 会出现滚动条 否则不会出现滚动条 8 阅读下面 HTML 代码 在 IE7 0 及以上版本浏览器中 两个 DIV 之间的空白距离是 header margin bottom 10px border 1px solid f00 container margin top 15px border 1px solid f00 amp lt div amp lt div A 0px B 10px C 15px D 25px 答案 C 9 阅读下面 HTML 代码 下面选项中增加的样式各异使两个 DIV 不再同一行显示的是 div float right amp lt div 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 代码 若要使和标签在同一行显示 下面选项中的 CSS 书写正确的是 用户名 amp lt input type text name userName size 12 amp amp lt dd A dl dt float left B dl dd float left C dl dt dl dd float left D dl display inline 答案 AC 11 某页面中有一个 1 行 3 列的表格 其中表格行的 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 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 Row1 cell1 Row1 cell2 Row2 cell1 Row2 cell2 Row3 cell1 Row3 cell2 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 次或多次 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 答案 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 Css Hack 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 test 18 当为一个向左或向右浮动的元素设置左或右边距时 在 IE6 浏览器中就会出现一个 双倍边距的 BUG 解决双倍边距 BUG 的常用方法是在浮动元素上添加 样式 A display inline B display none C float none D overflow hidden 答案 A 19 在 HTML 中 等标签 在 IE 与 Firefox 浏 览器中的外边界 填充的默认值会存在差异 解决这个差异的办法是为各标签设置 样式 A margin 0 padding 0 B border 0 C display inline D width 100 答案 A 上述标签在 Firefox 下有个 padding 值 却没有 margin 值 而 IE 却相反 所以都设 置为 margin 0 padding 0 就不会存在差异 20 在 W3C 规范中 下面关于 HTML 标签的描述错误的是 A 标签在页面中只能有 1 个 B 标签在页面中只能有 1 个 C 内嵌框架是自身闭合的标签 写法是 D 标签的 value 属性用来设置多方文本框中的默认文本 答案 CD 多行文本标签 没有 value 属性 多行文 本内容 内框架标签 不是自身闭合的标签 把需要的内容放置在 amp lt iframe 之前 21 阅读下面 CSS 代码 下面选项中与该代码下次熬过等同的是 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 答案 A 后面会覆盖前面的值 不会产生累加效果 22 在 CSS 中 下面关于样式 container main font size 12px 与 container main font size 14px 的说法正确是是 A 前者表示同时设置两个选择器的样式 后者表示只设置 main 选择器的样式 B 前者表示只设置 main 选择器的样式 后者表示同时设置两个选择器的样式 C 二者中间的逗号或者空格都可以省略 D 二者作用是相同的 答案 A 23 在 CSS 中 下面关于定义字体类型的用法正确的是 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 答案 BD font family 属性 规定元素的字体系列 使用逗号分隔 如果浏览器不支 持第一个字体 则会尝试下一个 如果字体名称中间出现空格 必须用引号引起来 没有空 格 可以用引号 也可以不用 24 阅读下面 HTML 代码 如果期望 tabs 位于 box 容器的右下角 则需要添加的 CSS 样式是 amp lt div id tabs amp amp lt div amp amp lt div A tabs position absolute right 0 bottom 0 B tabs position relative right 0 bottom 0 C box postion relative tabs position absolute right 0 bottom 0 D box position relative tabs position right bottom 答案 C 25 在 HTML 页面中 调用外部样式表的方法是 A B C D 答案 B 26 阅读下面的 HTML 及 CSS 代码 图片据最外面的 DIV 外边缘的距离是 outbox border 10px solid ff0000 width 400px inbox border 20px solid ff0000 margin 10px padding 10px amp lt img src flower jpg amp amp lt div A 10px B 30px C 40px D 50px 答案 D 10px 20px 10px 10px 50px 27 在 HTML 网页添加如下 CSS 样式 鼠标不再连接上面时 网页中的链接呈现的颜 色为 body color red a color black a link a visited color green a hover a active color blue A 红色 B 绿色 C 蓝色 D 黑色 答案 B a link color FF0000 未访问的链接 a visited color 00FF00 已访问的 链接 a hover color FF00FF 鼠标移动到链接上 a active color 0000FF 选定的链接 鼠标点击点击不松开 注意 a hover 必须置于 a link 和 a visited 之后才是有效的 a active 必须置于 a hover 之后才是有效的 28 下面关于外部样式表的说法错误的是 A 文件扩展名为 css B 外部样式表内容以标签开始 标签结束 C CSS 属性值不可以包含汉字 D 使用外部样式表可以使网站更加简洁 风格保持统一 答案 BC 外部样式表直接开始写样式不需要标签 CSS 属性值可以包含汉字 如字体 font family 宋体 29 下面选项中是合法的类样式的是 A Word B Word C 2A D A2 答案 A 类样式 类选择器 以 开头 第一个位置不能是数字 不能包含空格 符号 下划线 30 以下哪条语句会产生运行错误 A var obj B var obj C var obj D var obj 答案 A var obj 语法错误 var obj1 object var obj2 object var obj3 undefine alert typeof obj1 alert typeof obj2 alert typeof obj3 31 以下哪个单词不属于 javascript 保留字 A with B parent C class D void 答案 B 32 请选择结果为真的表达式 A null instanceof Object B null underfined C null underfined D NaN NaN 答案 C null 是基本类型 先说 这个比较简单 下面的规则用来判断两个值是否 相等 1 如果类型不同 就 不相等 2 如果两个都是数值 并且是同一个值 那么 相等 例外 的是 如果其中至少一 个是 NaN 那么 不相等 3 如果两个都是字符串 每个位置的字符都一样 那么 相等 否则 不相等 4 如果两个值都是 true 或者都是 false 那么 相等 5 如果两个值都引用同一个对象或函数 那么 相等 否则 不相等 6 如果两个值都是 null 或者都是 undefined 那么 相等 再说 根据以下规则 1 如果两个值类型相同 进行 比较 2 如果两个值类型不同 他们可能相等 根据下面规则进行类型转换再比较 a 如果一个是 null 一个是 undefined 那么 相等 b 如果一个是字符串 一个是数值 把字符串转换成数值再进行比较 c 如果任一值是 true 把它转换成 1 再比较 如果任一值是 false 把它转换成 0 再 比较 d 如果一个是对象 另一个是数值或字符串 把对象转换成基础类型的值再比较 对 象转换成基础类型 利用它的 toString 或者 valueOf 方法 js 核心内置类 会尝试 valueOf 先于 toString 例外的是 Date Date 利用的是 toString 转换 e 任何其他组合 都 不相等 判断一个值是否是 NaN 只能用 isNaN 来判断 function f1 alert f1 instanceof Function true alert f1 instanceof Object true alert Function instanceof Object true alert Object instanceof Function true 32 请选择对就 avascript 理解有误的 A JScript 是 javascript 的简称 B javascript 是网景公司开发的一种 Java 脚本语言 其目的是为了简化 Java 的开发难 度 C FireFox 和 IE 存在大量兼容性问题的主要原因在于他们对 javascript 的支持不同上 D Ajax 技术一定要使用 javascript 技术 答案 ABCD 33 foo 对象有 att 属性 那么获取 att 属性的值 以下哪些方法是可以的 A foo att B foo att C foo att D foo att E foo a t t 答案 ACE 34 在不指定特殊属性的情况下 哪几种 HTML 标签可以手动输入文本 A amp lt textarea B C D amp lt div 答案 AB 35 以下哪些是 javascript 的全局函数 A escape B parseFloat C eval D setTimeout E alert 答案 ABC 全局函数 decodeURI 解码某个编码的 URI decodeURIComponent 解码一个编码的 URI 组件 encodeURI 把字符串编码为 URI encodeURIComponent 把字符串编码为 URI 组件 escape 对字符串进行编码 eval 计算 JavaScript 字符串 并把它作为脚本代码来执行 getClass 返回一个 JavaObject 的 JavaClass isFinite 检查某个值是否为有穷大的数 isNaN 检查某个值是否是数字 Number 把对象的值转换为数字 parseFloat 解析一个字符串并返回一个浮点数 parseInt 解析一个字符串并返回一个整数 String 把对象的值转换为字符串 unescape 对由 escape 编码的字符串进行解码 36 关于 iframe 表述正确的是 A 通过 iframe 网页可以嵌入其他网页内容 并可以动态更改 B 在相同域名下 内嵌的 iframe 可以获取外层网页的对象 C 在相同域名下 外层网页脚本可以获取 iframe 网页内的对象 D 可以通过脚本调整 iframe 的大小 答案 ABCD 37 关于表格表述正确的有 A 表格中可以包含 tbody 元素 B 表格中可以包含 caption 元素 C 表格中可以包含多个 tbody 元素 D 表格中可以包含 colgroup 元素 E 表格中可以包含 col 元素 答案 ABCDE 38 关于 IE 的 window 对象表述正确的有 A window opener 属性本身就是指向 window 对象 B window reload 方法可以用来刷新当前页面 C window location a html 和 window location a html 的作用都是把当前页面替 换成 a html 页面 D 定义了全局变化 g 可以用 window 的方式来存取该变量 答案 ACD 应该是 window location reload 二判断题 1 在 CSS 中 border 1px 2px 3px 4px 表示设置某个 HTML 元素的上边框 1px 右边 框 2px 下边框 3px 左边框 4px 错误 border width 1px 2px 3px 4px 2 在 HTML 中 标签的 frameborder 属性用来设置内嵌框架的边框宽度 属性值设为 2 表示边框宽度为 2 像素 错误 frameborder 属性有两个值 0 或 1 时候显示框架周围的边框 3 在 CSS 中 padding 和 margin 的值都可以为负数 错误 padding 不允许使用负值 4 在 HTML 中 单元格的 rowspan 属性用来设置单元格的跨行 正确 5 在 CSS 中 设置 display 属性为 none 可以用来隐藏页面中的元素 正确 6 在 HTML DOM 中 TableCell 对象的 cellindex 属性可以返回单元格内部数据的水 平