前端面试题练习错题总结--01

1 .下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度
A . display:inline
B. display:none
C. display:block
D. display:inherit
答案: C
解析：inline： 默认。此元素会被显示为内联元素，元素前后没有换行符。
none：此元素不会被显示。
block：此元素将显示为块级元素，此元素前后会带有换行符。
inherit：规定应该从父元素继承 display 属性的值。
内联元素加上display：block;后被块级化。块级元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。因此，可以定义其宽度和高度。

2 .flash和js通过什么类如何交互?
A . ExtensionContex
B. ExternalInterface
C. IInterpolator
D. FlexContentHolder
答案: B
解析：Flash提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和addCallback：

• ExternalInterface.addCallback(“在js里可调用的flash方法名”,flash内方法) //在flash中通过这个方法公开 在js中可调用的flash内的方法;
• ExternalInterface.call(“js方法”,传给js的参数) //在flash里调用js里的方法

3 .元素的alt和title有什么异同，选出正确的说法？
A . 不同的浏览器，表现一样
B. alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字
C. alt和title同时设置的时候，title作为图片的替代文字出现，alt是图片的解释文字
D. 以上说法都不正确
答案: B
解析：在不同浏览器里面表现有些不同。alt和title同时设置的时候，alt是在图片未加载完成时图片的替代图片的替代文字出现，title是图片的解释文字

4 .下面有关浏览器中使用js跨域获取数据的描述，说法错误的是？
A . 域名、端口相同，协议不同，属于相同的域
B. js可以使用jsonp进行跨域
C. 通过修改document.domain来跨子域
D. 使用window.name来进行跨域
答案: A
解析：相同的域是指： 域名 端口 协议都相同。

5 .下面有关HTML的Doctype和严格模式与混杂模式的描述，错误的是？
A . < !DOCTYPE> 声明位于文档中的最前面，处于< html >标签之前。告知 浏览器的解析器，用什么文档类型 规范来解析这个文档
B. 在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示
C. DOCTYPE不存在或格式不正确会导致文档以标准模式呈现
D. 浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法
答案: C
解析：DOCTYPE不存在或格式不正确会导致文档以混杂(兼容)模式呈现

6 .下面有关JavaScript中 call和apply的描述，错误的是？
A . call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性
B. 两者传递的参数不同，call函数第一个参数都是要传入给当前对象的对象，apply不是
C. apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入
D. call传入的则是直接的参数列表。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
答案: B
解析：相同点:两个方法产生的 作用是完全一样的
不同点:方法传递的参数不同
call, apply方法它们除了第一个参数,即执行时上下文对象相同外,call方法的其它参数将依次传递给借用的方法作参数,而apply就两个参数,第二个参数为一个数组传递。

7 .下述有关border:none以及border:0的区别，描述错误的是？
A . border:none表示边框样式无
B. border:0表示边框宽度为0
C. 当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0
D. 当定义边框时，仅设置边框宽度也可以达到显示的效果
答案: C D
解析：

• 当定义border:none时，表示无边框样式，浏览器并不会对边框进行渲染，也就没有实际的宽度；
• 定义边框时，除了设置宽度外，还必须设置边框的样式才能显示出来。

8 .下面有关CSS sprites说法错误的是？
A . 允许你将一个页面涉及到的所有零星图片都包含到一张大图中去
B. 利用CSS的“background-image”，“background-repeat”，“background-position”的组合进行背景定位
C. CSS Sprites虽然增加了总的图片的字节，但是很好地减少网页的http请求，从而大大的提高页面的性能
D. CSS Sprites整理起来更为方便，同一个按钮不同状态的图片也不需要一个个切割出来并个别命名
答案: C
解析：CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。

9 .下面列出的浏览器，无webkit内核的是（）
A . chrome
B. Safari
C. 搜狗浏览器
fD. irefox
答案: D
解析：Wekbit是一个开源的Web浏览器引擎，也就是浏览器的内核。Apple的Safari, Google的Chrome, Nokia S60平台的默认浏览器，Apple手机的默认浏览器，Android手机的默认浏览器均采用的Webkit作为器浏览器内核。Webkit的采用程度由 此可见一斑，理所当然的成为了当今主流的三大浏览器内核之一。另外两个分别是Gecko和Trident，大名鼎鼎的Firefox便是使用的Gecko 内核，而微软的IE系列则使用的是Trident内核。
另外，搜狗浏览器是双核的，双核并不是指一个页面由2个内核同时处理,而是所有网页（通常是标准通用标记语言的应用超文本标记语言）由webkit内核处理,只有银行网站用IE内核