前端研发工程师笔试题选择题带答案

前端研发工程师笔试题选择题带答案
前端研发工程师笔试题选择题带答案

1. 要动态改变层中内容可以使用的方法有(AB )

a)innerHTML

b)innerText

c)通过设置层的隐藏和显示来实现

d)通过设置层的样式属性的display属性

2. 当按键盘A时,使用onKeyDown事件打印的结果是(A )

a)65

b)13

c)97

d)37

3. 在javascript里,下列选项中不属于数组方法的是(B);

a)sort()

b)length()

c)concat()

d)reverse()

4. 下列哪一个选项可以用来检索被选定的选项的索引号?(B)

a)disabled

b)selectedIndex

c)option

d)multiple

5. 希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A )

a)在图片的onClick事件中手动提交

b)在图片上添加onSubmit事件

c)在图片的onSubmit事件中手动提交

d)在表单中自动提交

6. 使div层和文本框处在同一行的代码正确的是(D );

a)

b)

c)

d)

7. 下列选项中,描述正确的是(选择两项) 。( AD )

a)(new Option(‘a’,'A’))可以动态添加一个下拉列表选项

b)(new Option(‘a’,'A’))可以动态添加一个下拉列表选项

c)new Option(‘a’,'A’)中’a'表示列表选项的值,’A'用于在页面中显示

d)new Option(‘a’,'A’)中’A'表示列表选项的值,’a'用于在页面中显示

8. 、 var emp = new Array(3);

for(var i in emp)

以下答案中能与for循环代码互换的是: (选择一项)。(D )

A for(var i =0; i

B for(var i =0; i

C for(var i =0; i<(); i++)

D for(var i =0; i<; i++)

9. 制作级联菜单功能时调用的是下拉列表框的(A )事件。

a)onChange

b)onFocus

c)selected

d)onClick

10. 下列声明数组的语句中,错误的选项是( C )。

a)Var arry= new Array()

b)Var arry=new Array(3)

c)Var arry[]=new Array(3)(4)

d)Var arry=new Array(‘3’,’4’)

11. 下列属性哪一个能够实现层的隐藏?(C )

a)display:fals

b)display:hidden

c)display:none

d)display:” ”

12. 下列哪一个选项不属于document对象的方法?(D )

a)focus()

b)getElementById()

c)getElementsByName()

d)bgColor()

13. 下列哪项是按下键盘事件(AB )

a)onKeyDown

b)onKeyPress

c)keyCode

d)onMouseOver

14. javascript进行表单验证的目的是(B )

a)把用户的正确信息提交给服务器

b)检查提交的数据必须符合实际

c)使得页面变得美观、大方

d)减轻服务器端的压力

15. 、 display属性值的常用取值不包括(C )

a)inline

b)block

c)hidden

d)none

16. 以下有关pixelTop属性与top属性的说法正确的是。(D )

a)都是Location对象的属性

b)使用时返回值都是字符串

c)都是返回以像素为单位的数值

d)以上都不对

17. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗口,下列选项正确的是__D__

a)open("","HI","toolbas=1,scrollbars=1,status=1");

b)open("HI","scrollbars=1,location=1,status=1");

c)open("","status=yes,menubar=1,location=1");

d)open("","HI","toolbas=yes,menubar=1,location=1");

18. 下面关闭名为mydiv的层的代码正确的是(C )

a)(mydiv).="none";

b)("mydiv").=none;

c)("mydiv").="none";

d)("mydiv").=="none";

19. 为什么要使用Div+CSS布局

形式与内容分离

大大减少页面代码,提高页面浏览速度

结构清晰,有利于SEO

缩短改版时间,布局更方便

一次设计,多次使用

20. Block元素的特点是什么?哪些元素默认为Block元素

总是在新行上开始;

高度,行高以及顶和底边距都可控制;

宽度缺省是它的容器的100%,除非设定一个宽度

是块元素的有:,,

,

, 和21. 、 inline元素的特点是什么?哪些元素属于inline元素?

和其他元素都在一行上;

高,行高及顶和底边距不可改变;

宽度就是它的文字或图片的宽度,不可改变。

是inline元素的有:, , ,

, ,?

和。?

22. 、 javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C)

a)8+8

b)88

c)16

d)“8”+’8

23. String对象的方法不包括(C )

a)charAt();

b)substring()

c)length

d)toUpperCase()

24. 关于setTimeout(“check”,10)中说法正确的是( D)

a)程序循环执行10次

b)Check函数每10秒执行一次

c)10做为参数传给函数check

d)Check函数每10毫秒执行一次

25. 以下哪个单词不属于javascript关键字:(C)

a)with

b)parent

c)class

d)void?

Web前端开发笔试题集锦已读

W e b前端开发笔试题集锦HTML/CSS篇 1,判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20 varreg=/^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2,截取字符串abcdefg的efg varstr="abcdefg"; if(/efg/.test(str)){ varefg=str.substr(str.indexOf("efg"),3); alert(efg); } 3,判断一个字符串中出现次数最多的字符,统计这个次数 //将字符串的字符保存在一个hashtable中,key是字符,value是这个字符出现的次数 varstr="abcdefgaddda"; varobj={}; for(vari=0,l=str.length;i

前端工程师面试题题及答案(全面综合)

1. 要动态改变层中内容可以使用的方法有(AB ) a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 在javascript里,下列选项中不属于数组方法的是(B); a)sort() b)length() c)concat() d)reverse() 3 、var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: (选择一项)。(D ) A for(var i =0; i

c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口,下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D)

web前端研发工程师笔试题选择题带答案

1. 要动态改变层中内容可以使用的方法有( AB ) a) i nn erHTML b) i nn erText c) 通过设置层的隐藏和显示来实现 d) 通过设置层的样式属性的 display 属性 2. 当按键盘 A 时,使用onKeyDown 事件打印event.keyCode 的结果是(A ) a) 65 b) 13 c) 97 d) 37 3.在javascript 里,下列选项中不属于数组方法的是( B ); a) sort() b) l e ngth() c)con cat() d) r everse( ) 4.下列哪一个选项可以用来检索被选定的选项的索引号 ?(B) a)disabled b) selectedl ndex c) opti on d) multiple 5.希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A ) 6. 使div 层和文本框处在冋一行的代码正确的是 (D ); a) b) c) d) 7. 下列选项中,描述正确的是(选择两项)。(AD ) a)options.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 b)option.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 c) n ew Optio n(,a?,'A?)中?a 表示列表选项的值,?A 用于在页面中显示 d) n ew Option(,a?,'A?)中?A 表示列表选项的值,?a 用于在页面中显示 8. 、 var emp = new Array(3); for(var i in emp) 以下答案中能与for 循环代码互换的是:(选择一项)。(D ) A for(var i =0; i

web前端开发面试题汇总模板

web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Trident,Gecko,Presto,Webkit。 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用? (IE8 以下) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。 块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行。 兼容性:display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式?比较好的方式是哪一种? (1)父级div定义height。 (2)结尾处加空div标签clear:both。 (3)父级div定义伪类:after和zoom。 (4)父级div定义overflow:hidden。 (5)父级div定义overflow:auto。 (6)父级div也浮动,需要定义宽度。 (7)父级div定义display:table。

(8)结尾处加br标签clear:both。 总结:比较好的是第3种方式,简洁方便。 4. box-sizing常用的属性有哪些?分别有什么作用? 常用的属性:box-sizing: content-box border-box inherit; 作用:content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用?标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>? HTML5不基于SGML,因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时,使用link和@import有什么区别? (1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS; (2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面

Web前端开发工程师面试题

一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置,可分为?(B ) A.行内样式表、内嵌样式表、混合样式表 B.行内样式表、内嵌样式表、外部样式表 C.外部样式表、内嵌样式表、导入样式表 D.外部样式表、混合样式表、导入样式表 2.对于标签,其中*代表(C ) A. 注释的时候才用上 B. 没有这个标签 C. 通配符,意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时,超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 4.下面代码片段,说法正确的是:(B ) .DIV1 { position:absolute; line-height:22px; height:58px; background-color: #FF0000; } A. Line-height:22px;修饰文本字体大小 B. position:absolute;表示绝对定位,被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像 5.用CSS设置DIV的左边为红色实线,下面设置正确的是(C ) A.style=”border-top: #ff0000 1 solid;”

前端工程师面试自我介绍

前端工程师面试自我介绍 本人XXX,我是一个实事求是、不浮夸的人。喜欢参与团队工作 与集体活动。重视自身素质培养。 软件开发基础扎实,对编程充满热情,学习能力强,能快速掌握新技术 在校期间,曾获20XX—20XX学年度优秀团员,20XX—20XX学年 度丙等奖学金,20XX年9月份军训优秀个人。曾是系学生会干事, 在通过与其他干事的合作,主要对学生宿舍公共卫生、宿舍文化、 晚归等进行监督管理,评定优秀寝室,不定期组织学生活动(寝室篮 球赛、跳蚤文化市场等) 实习期间就职于金融事业本部,部门业务涉及全国数省的农村信用社核心业务系统、城市商业银行支付系统以及外围辅助服务系统。我一直在广东四地市的农信社做软件开发工作。先后参与了广东省 四地市的银行卡系统、综合业务系统卡改造、电话银行系统、自助 终端系统等的开发和实施。相信您的信任与我的实力将为我们带来 共同的成功!希望我能为贵公司贡献自己的力量! 欲善其事,必先利其器。大学几年,我始终坚持天道酬勤的原则,一日三省,自信品格的日趋完善;勇于行事,务实求新,自信工作有 所成绩;三更灯火,寒窗苦读,相信学有所成。 在校期间,我始终以提高自身的综合素质为目的,以个人的全面发展为奋斗方向,树立正确的人生观和价值观,光荣地加入了中国 共产党。 为适应社会发展的需求,我努力学好专业知识,多次获得奖学金,较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术 等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设 计制造等方面的应用知识,同时注意结合自身专业特点,结合动手 实践,先后参与了校新闻网页设计大赛、校程序设计大赛、挑战杯

前端面试题第二套

1)display:inline兼容所有的浏览器。请判断这句话的正确与否。 T F 2)从四个选项选出不同的一个。 a.