web前端的面试中少不了面试题的考查。以下是小编为大家整理的：web前端求职面试题参考精选，仅供大家参考!

web前端求职面试题之选择题

1. CSS样式表根据所在网页的位置，可分为?(B )

A.行内样式表、内嵌样式表、混合样式表

B.行内样式表、内嵌样式表、外部样式表

C.外部样式表、内嵌样式表、导入样式表

D.外部样式表、混合样式表、导入样式表

2. 对于标签，其中*代表( C )

A. 注释的时候才用上

B. 没有这个标签

C. 通配符，意思是所有的标签

3. 请选出所有的置换元素()(多选)

A. img B. input C. textarea D. select

4.下面哪条声明能固定背景图片()

A. background-attachment:fixed;

B. background-attachment:scroll;

C. background-origin: initial;

D. background-clip: initial;

5.下列说法正确的是()(多选)

A.display: none;不为被隐藏的对象保留其物理空间;

B.visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明;

C.visibility:hidden;产生reflow和repaint(回流与重绘);

D.visibility:hidden;与display: none;两者没有本质上的区别;

6.以下关于盒子模型描述正确的是()

A.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + 左右padding + width

B.IE盒子模型中：盒子总宽度 = 左右margin + 左右border + width

C.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + width

D.IE盒子模型中：盒子总宽度 = width

7.英文字母全部转为大写正确的是()

A. text-transform: capitalize;

B. text-transform: lowercase;

C. text-transform: uppercase;

D. font-weight: bold;

8. 页面有一个按钮button id为 button1，通过原生的js如何禁用?( )(多选)

A.document.getElementById("button1").readolny= true;

B.document.getElementById("button1").setAttribute("readolny","true");

C.document.getElementById("button1").disabled = true;

D.document.getElementById("button1").setAttribute("disabled","true");

9.页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色?().

A. document.getElementById('button1').style.backgroundColor="red";

B. document.getElementById('button1').style.backgroundcolor="red";

C. document.getElementById('button1').style.backGroundColor="red";

D. document.getElementById('button1').style.bgcolor="red";

10.使用CSS来格式化网页，共有三种方式，以下哪一种不是().

A. 在HEAD中引用

B. 作为标记来引用

C. 在BODY中引用

D. 作为文件来引用

11.下述有关border:none以及border:0的区别，描述错误的是?( )(多选)

A. border:none表示边框样式无

B. border:0表示边框宽度为0

C. 当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0

D. 当定义边框时，仅设置边框宽度也可以达到显示的效果

12.iframe的使用场景有?()

A. 与第三方域名下的页面共享cookie

B. 上传图片，避免当前页刷新

C. 左边固定右边自适应的布局

D. 资源加载

13.关于css hack正确的是(A,B,C)

a) CSS hack的目的就是使你的CSS代码兼容不同的浏览器。

b)“_”下划线是IE6专有的hack

c)“*”星号是IE6和IE7专有的hack

d) !important IE6可以识别

14. 在网站上添加链接使用的标签是()

A. title标签

B. img标签

C. meta标签

D. a标签

15.通过分析如下HTML代码，可以得出( )(多选)

A. 该表格共有2行3列

B. 该表格中的文字均居中显示

C. 该表格的边框宽度为10毫米

D. "员工号"单元个跨2列

web前端求职面试题之填空题

16.CSS中的________属性可为元素设置外边距，改变元素的内填充用______属性。

17.对ul li的样式设成无，应该是用什么属性______________。

18.合理的页面布局中常听过结构与表现分离，那么结构是________，表现是________。

19.在Table中，TR是________，TD是________。

web前端求职面试题之问答题

20.写出三个javascript中使用this关键字的典型应用场景。

21.写一段JS代码：判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20。

22.AJAX的全称是什么，AJAX技术体系的组成部分有哪些?

23.请介绍一下XMLhttprequest对象。

24.请列举五个常用的Javascript DOM方法。

25.Javascript常用的库有哪些，你的开发经历中使用过哪些?