文档库 最新最全的文档下载
当前位置:文档库 › [优质文档]Web前端测评试卷

[优质文档]Web前端测评试卷

[优质文档]Web前端测评试卷
[优质文档]Web前端测评试卷

课程名称:Web前端技术与实战使用班级:考试时间:120分钟

考试形式:开卷共4页,共3道大题空白答题纸4页

一、选择题(每小题2分,共40分)

1.以下哪个标签用于在表单中构建复选框( )

A.

B.

C.

D.

2.以下哪个标签在HTML中表示换行()

A.

B.


C.

D.

3.若要在新窗口中打开链接,超链接的target属性应设置为()

A._self

B._new

C._blank

D._parent

4.以下关于HTML属性描述正确的是()

A.每个标签可以拥有多个ID属性值

B.每个标签可以拥有多个Class属性值

C.标签的Class属性值可以使用纯数字

D.文本型的标签都有color属性

5.若要跨列合并单元格,应该使用以下哪项属性()

A.align

B.border

C.colsapn

D.Rowspan

6.下列哪一项用于设置元素的外边距()

A.margin

B.padding

C.border

D.color

7.下列哪一项可以定义不带下划线的超链接()

A.a{text-decoration:no-underline}

B.a{underline:no}

C.a{decoration:no-underline}

D.a{text-decoration:none}

8.下列代码中属于固定定位的是()

A.#box{width:100px;height:50px;position:static}

B.#box{width:100px;height:50px;position:absolute;}

C.#box{width:100px;height:50px;position:fixed;}

D.#box{width:100px;height:50px;position:relative;}

9.关于块级元素和行内元素,以下说法不正确的是()

A.多个行内元素默认情况下可显示在同一行

B.行内元素可通过设置CSS中的display属性为block,转换为块级元素

C.块级元素会独占一行,而且无法通过width和height属性改变宽高

D.多个块级元素要显示在一行,可以通过float属性实现

10.下列哪个样式定义后,块级元素可以多个在一行显示()

A.display:block

B.display:inline

C.display:none

D.display:inherit

11.a:visited表示超链接在()时的状态

A.鼠标按下

B.访问过后

C.鼠标放上去

D.鼠标双击

12.下列哪项属性用于设置盒模型的左内填充

A.padding-left

B.margin-left

C.border-left

D.width-left

13.下列哪项属性不能使元素脱离标准流

A.float:left

B.float:right

C.fosition:relative

D.fosition:fixed

14.关于JavaScript的说法正确的是()

A.Javascript与Java语法完全一致

B.JavaScript运行必须按照Java环境

C.JavaScript可以用于实现表单验证及网页特效等

D.JavaScript程序需要编译连接后才能执行

15.下列JavaScript的循环语句中哪项是正确的()

A.if(var i = 0;i<10;i++)

B.while(var i = 0;i<10;i++)

C.for i = 0 to 10

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

16.代码:”abcdef”.indexOf(‘D’)结果是()

A. 4

B. 3

C.-1

D.0

17.若要监听表单的提交,应使用以下哪个事件()

A.onpress

B.onclick

C.onmouseover

D.onsubmit

18.在JavaScript中,当元素失去焦点时触发的事件是()

A.focus

B.unload

C.mouseover

D.blur

19.分析如下的JavaScript代码,运行后页面上输出()var c = “10”, d = 5;

document.write(c - d);

A.105

B. 5

C.Nan

D.页面报错

20.用于播放音频文件的正确HTML5元素是()

A.

B.

C.

D.

二、简答题(每小题4分,共20分)

1.列举常见的块级元素、行内元素、行内块元素,并简述其特点。

2.简述浮动的特点和浮动的影响,并写出清除浮动的关键代码

3.什么是DOM ?DOM 在网页设计中起到什么作用?

4. 列举常见的表单控件,并描述其特点

5.HTML5中如何嵌入视频?请给出示例代码,当用户浏览器不支持此方式时给予相应提示

三、编程题(每小题20分,共40分)

1.完成如下图所示的表格

2.使用JavaScript 在网页上显示一个从10开始递减的倒计时,当减到0时停止

以下内容只在存档空白试卷上体现,不出现在印刷给学生的试卷中

试卷命题人(签字): 试卷审核人(签字): 审核日期: 年 月 日

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

Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2,截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3,判断一个字符串中出现次数最多的字符,统计这个次数 //将字符串的字符保存在一个hash table中,key是字符,value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table,获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4,IE与FF脚本兼容性问题 (1) window.event: 表示当前的事件对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象 (2) 获取事件源

Web前端开发试题

耐心填一填! 1. 为div设置类a与b,应编写HTML代码_______________ 。 2. 设置CSS属性clear的值为 ______________ 可清除左右两边浮动。 3. _________ 签必须直接嵌套于ul、ol中。 4. CSS属性___________ 为元素设置外补丁。 5. 设置CSS属性float的值为_______________ 可取消元素的浮动。 6. 文字居中的CSS代码是_____________ 二、精心选一选! 1. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度() A. display:inline B. display:none C. display:block D. display:inheric 2. 选出你认为最合理的定义标题的方法() A. 文章标题 B. 文章标题 C.

文章标题

D. 文章标题 3. br标签在XHTML中语义为() A.换行 B.强调 C.段落 D.标题 4. 不换行必须设置() A.word-break B.l etter-spaci ng C.white-space D.word-spa cing 5. 在使用table表现数据时,有时候表现出来的会比自己实际设置的宽度要 宽,为此需要设置下面哪些属性值() A. cellpadding= ” 0" B. padding:0 C. margin:。 D. cellspacing= ” 0" 三、判断对或错! 1. CSS属性font-style 用于设置字体的粗细。() 2. CSS属性overflow 用于设置元素超过宽度时是否隐藏或显示滚动条。 () 3. 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关。() 4. 在不涉及样式情况下,页面元素的优先显示与标签选用无关。() 5. display:i nli ne 兼容所有的浏览器。() 6. input属于窗体元素,层级显示比flash、其它元素都高。()

15级软工Web开发技术A卷

东莞城市学院(本科)试卷(A卷) 2017 -2018学年第一学期 开课单位:计算机与信息科学系,考试形式:机试(闭)卷,允许带入场 科目:Web开发技术(jsp)班级:15软工班,姓名:学号: 一、单项选择题(本大题共5小题,每小题2分,共10分)在每小题列出的四个备选 A、session.removeAttribute(String key) B、session.invalidate() C、session.setAttribute(String key) D、session.getAttribute(String key) 2、对于“<%!”、“%>”之间声明的变量,以下说法正确的是:(B) A、不是JSP页面的成员变量 B、多个用户同时访问该页面时,任何一个用户对这些变量的操作,都会影响到其他用户 C、多个用户同时访问该页面时,每个用户对这些变量的操作都是互相独立的,不会互相影响 D、是JSP页面的局部变量 3、当(C)时,JSP引擎产生一个session对象。 A、web应用服务器启动时 B、当web应用服务器启动后,第一个客户来访时 C、当每个客户首次访问服务器上的一个JSP页面时 D、当每个客户首次访问服务器上的一个JSP或HTML页面时 4、以下哪种方法不是Servlet的方法?(D) A、init B、service

C、destroy D、post 5、在Servlet过滤器的生命周期方法中,每当传递请求或响应时,web容器会调用(C)方法。 A、init B、service C、doFilter D、destroy 二、(得分:)简单题(每题5分,共10分) 1、jsp有哪些动作?作用分别是什么? 作用:以“名,值”形式,为其他标签提供附加信息 作用:将请求转发到另一个JSP页面或者servlet或者静态资源 作用:请求现成的其他的JSP页面或者servlet或者静态资源在该页面显示 作用:创建一个JavaBean实例并指定他的名字以及作用 作用:和setBean一起,来设置JavaBean的属性 作用:对setproperty的补充,来访问javabean 作用:产生特殊标签,可以用它插入applet还有javabean 2、简述JSP主要内置对象的作用范围。 Request 作用:提供http请求数据,提供页面上下文使用,可以拿来获得数据 Response 作用:用来访问httpservletresponse,同时将客户端数据传输 Session 作用:用来管理上下文最多的对话,从会话开始产生,到删除或者会话结束 Page 作用:表示页面对应的servlet实例,关闭当前的页面结束 Application 作用表示应用程序的上下文,允许JSP页面的任何WEB主件共享信息,从服务器打开开始,到服务器关闭结束 三、(得分:)编程题(本大题共3小题,第1小题20分,第2小题30分,第3小题30分,共80分)请将代码粘贴在题后的代码框内,将结果窗口截图放在题后的结果框内,尽量不要跨页。 注意:所有程序页面中应包含个人信息,具体位置、内容可自行安排。 1、(20分,得分:)采用jsp+javaBean方式,实现数据传输,要求: (1)编写网页exam1_学号后3位.jsp页面,建立个人信息表单,表单信息项包含学号、姓名、年龄、性别、职业,并含有提交、清除按钮。表单中填写个人真实学号,姓名全拼,年龄,性别、职业信息后,提交到网页stuInf学号后3位.jsp。(10分)

《web前端开发基础》作业考核试题题库大全(精品文档)

《web前端开发基础》作业考核试题题库大 全 《web前端开发基础》这门课是非常重要的,尤其是对于计算机专业的同学们来说,下面带来的《web前端开发基础》作业考核试题题库大全一起看看! 一、单选题共20题,40分 1 2分 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。你可以按以下()方法处理。 A在浮动元素后加个div设置clear: both; height:0,overflow:hidden B使用clearfix; C设置父元素浮动; D以上方法均可 2 2分 在CSS中,关于BOX的margin属性的叙述正确的是()。 A边距margin只能取一个值 Bmargin属性的参数有margin-left、margin-right、

margin-top、 margin-bottom Cmargin属性的值不可为auto Dmargin属性的参数值不能全部设置成0px 3 2分 下列( )HTML属性可用来定义内联样式。 Afont Bclass Cstyles Dstyle 4 2分 要将某div设置为漂浮于页面之上,以下能做到得是:Aposition:absolute; Bposition:relative Cposition:fixed Dposition:static 5 2分 下列()工具可以方便地选择连续的、颜色相似的区域。 A魔棒工具

B矩形选框工具 C椭圆选框工具 D磁性套索工具 6 2分 给一个盒子设置左右填充分别为10px和20px后,如果要求盒子在页面中占的总宽度不变,那么应该让盒子的宽度减少()像素。 A10px B20px C30px D不需减少 7 2分 在客户端网页脚本语言中最为通用的是( )。 AVB BJavaScript CPerl DASP 8 2分 下列( )标签里包含的内容可以显示在页面上。

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前端开发技术试卷三

总分100分考试时间:120分钟考试形式:闭卷、选择题(每题1分,共20 分) 1. HTMLI旨的是___________ (A)超链接的文本标记语言(B) 超文本标识语言 (C)家庭工具标记语言(D) 以上都不是 2. 下列能够实现美化页面的语言是。 (A) HTML (B) CSS (C) VFP (D) JavaScript 3. 以下标记中用于设置内部样式表的标记的是。 (A)