1+X Web前端开发（初级）理论考试样题（附答案）

传送门

教育部：职业教育将启动“1+X”证书制度改革

职业教育改革1+X证书制度试点启动

 1+X成绩/证书查询入口

一、单选题（每题 2 分，共 60 分）

1.在 HTML 中，(C) 用来表示特殊字符引号

A.&reg

C.&quot

B.&copy

D.&nbsp

2.下面关于文件路径的说法错误的是（B）

A.“../”是返回当前目录的上一级目录

C.访问下一级目录直接输入相应的目录名即可

B.“../”是返回当前目录的下一级目录

D.文件路径指文件存储的位置

3.下列选项中定义标题最合理的是 (C)

A.<span class="header">文章标题</span>

C.<h2>标题</h2>

B.<p><b>文章标题</b></p>

D.<div>文章标题</div>

4.关于样式的优先级说法正确的是 (C)

A.内联样式>!important

C.!important>内联样式>内部样式>外部样式

B.内部样式>外部样式>!important

D.以上都不正确

5.在HTML中，下面 (A)不属于HTML文档的基本组成部分。

A.<STYLE></STYTLE>

C.<BODY></BODY>

B.<BODY></BODY>

D.<HEAD></HEAD>

6.在HTML中，下列有关邮箱的链接书写正确的是 (D)

A、〈a href="telnet:zhangming@aptech.com"> 发送邮件

B、〈a href="mail:zhangming@aptech.com"> 发送邮件

C、〈a href="ftp:zhangming@aptech.com"> 发送邮件

D、〈a href="mailto:zhangming@aptech.com"> 发送邮件

7、在 HTML5 中，哪个属性用于规定输入字段是必填的？ (B)

A、readonly

B、required

C、validate

D、placeholder

8.HTML5 的正确 doctype 是 (A)

A、<!DOCTYPE html>

B、<!DOCTYPE HTML5>

C、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">

D、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

9.以下说法不正确的是 (A)

A、HTML5 标准还在制定中

B、HTML5 兼容以前 HTML4 下浏览器

C、<canvas> 标签替代 Flash

D、简化的语法

10.设定一个元素按规定的动画执行，你需要运用什么规则？(B)

A、animation

B、keyframes

C、flash

D、transition

11.每段文字都需要首行缩进两个字的距离，该设置什么属性？(C)

A、text-transform

B、text-align

C、text-indent

D、text-decoration

12.关于 box-shadow 说法正确的是 (B)

A、设置文字投影

B、第一个值是设置水平距离的

C、第二个值是设置水平距离的

D、第三个值是设置投影颜色的

13.设置盒子圆角的属性是 (C)

A、box-sizing

B、box-shadow

C、border-radius

D、border

14.将 div 类名以 'c' 开头元素添加文字为红色，书写正确的是 (A)

A、div[class^=c]{color:red}

B、div[class$=c]{color:red}

C、div[class=c]{color:red}

D、div[class*=c]{color:red}

15.在 HTML 中，通过 (A) 可以实现鼠标悬停在 div 上时，元素执行旋转 45 度效果

A、div:hover{transform:rotate(45deg)}

B、div:hover{transform:translate(50px)}

C、div:hover{transform:scale(1.5)}

D、div:hover{transform:skew(45deg)};

16.关于 flex 说法正确的是 (A)

A、flex 属性用于指定弹性子元素如何分配空间

B、flex:1 应该写在弹性元素上

C、设置 flex:1 无意义

D、flex 是指设置固定定位

17.让一个动画一直执行的属性是 (B)

A、animation-direction

B、animation-iteration-count

C、animation-play-state

D、animation-delay

18.以下不属于 background-clip 的值的是 (D)

A、border-box

B、padding-box

C、content-box

D、none

19.以下哪条语句会产生运行错误 (A)

A、var obj = ();

B、var obj = {};

C、var obj = [];

D、var obj = //;

20.请选择结果为真的表达式 (C)

A、null instance of Object

B、null === undefined

C、null == undefined

D、NaN == NaN

21.下面代码输出什么？ (C)

var a=0b=0;

	for(;a<10,b<7;a==,b++){

		g=a+b;

	}

concole.log(g);

A、16

B、10

C、12

D、6

22.下列表达式成立的是 (D)

A、parseInt(12.5)==parseFloat(12.5)

B、Number("123abc")==parseFloat("123abc")

C、isNaN("abc")==NaN

D、typeof NaN=="number"

23.在 JavaScript 中，执行下面的代码后，num的值是 (C)

var str = "wang.wu@gmail.com";

var num = str.indexOf(".")

A、-1

B、0

C、4

D、13

24.阅读下面的 JavaScript 代码，输出结果是 (B)

function f(y){

	var x=y*y;

return x;

	}

for(x=0;x<5;x++){

y=f(x);

document.write(y);

}

A、0 1 2 3 4

B、 0 1 4 9 16

C、0 1 4 9 16 25

D、以上答案都不对

25.在 Java script 中，运行下面代码的结果是 (A)

function foo(x){

	var num=5;

	bar=function(y){

		return(x+y+(++num));

	}

}

console.log(foo(2));

console.log(bar(10));

console.log(bar(10));

A、undefined,18,19

B、17,18,19

C、5,18,19

D、undefined,18,18

26.下面代码输出正确的是 (D)

<div id="box">

		<h2 id='top1'name='header1'>标题 1</h2>

			<h2 id='top2'name='header2'>标题 2</h2>

</div>

A、3, 3, 3

B、3, 3, NaN

C、3, NaN, NaN

D、other

27.在以下选项中，关于 JavaScript 的 Date 对象描述正确的是 (C)

A、getDay () 方法能返回 Date 对象的一个月中的一天，其值为 1~31

B、getDate () 方法能返回 Date 对象的一周中的一天，其值为 0~6

C、getTime () 方法能返回某一时刻 (1970 年 1 月 1 日) 依赖的毫秒数

D、getYear () 方法只能返回 4 位年份，长用于获取 Date 对象的年份

28.以下关于 jQuery 节点的说法中错误是 (C)

A、jQuery 中用 $(".box").insertBefore (ele1,ele2) 给指定 ele2 前添加 ele1 元素

B、jQuery 中用 $(".box").append (ele) 给 box 类后添加 ele 元素

C、jQuery 中用 $(".box").appendTo (ele) 给 box 类后添加 ele 元素

D、jQuery 中用 $(".box").insertAfter (ele1,ele2) 给 ele2 后添加 ele1 元素

29.在 jQuery 中，下列关于事件的说法错误的是 (A)

A、jQuery 中用 onclick 绑定点击事件

B、jQuery 中用 on 来给未来元素绑定事件

C、jQuery 中用 hover 来绑定鼠标经过事件

D、jQuery 中存在冒泡事件，故需要阻止冒泡

30.在 jQuery 中，能够操作 HTML 代码及其文本的方法是 (C)

A、attr()

B、text()

C、html()

D、val()

二、多选题（每题 2 分，共 30 分）

1、在 JavaScript 语法中，下列说法正确的是 (AB)

A、parseInt (43.12) 返回值为 43

B、parseInt ('abc43.12') 返回值为 NaN

C、parseFloat ('43.13abc')==parseInt (43.12) 返回 true

D、isNaN (parseFloat ('45.13abc')) 返回 true

2、下面哪些是 JavaScript 中 document 的方法？ (ACDE)

A、getElementById

B、getElementsById

C、getElementsByTagName

D、getElementsByName

E、getElementsByClassName

3、关于 JavaScript 事件说法不正确的是 (BCD)

A、事件由事件函数、事件源、事件对象组成

B、当前事件作用在哪个标签上，哪个标签就是事件源

C、onclick 就是一个事件对象

D、图片切换使用 JavaScript 的 change 事件

4、下列关于获取页面元素说法正确的是 (AC)

A、document.getElementById (‘a’) 是通过 id 值为 a 获取页面中的一个元素

B、document.getElementsByName (“na”) 是通过 name 属性值为 na 获取页面中的一个元素

C、document.getElementsByTagName (“div”) 是通过标签名获取所有 div;

D、以上说法都不正确；

5、下列选项中属于 jQuery 属性选择器的是 (AC)

A、$("img[src$='.gif ']")

B、$("img")

C、$("class")

D、$("div>span")

6、网页的元素中包含以下 HTML 代码，其中能弹出 "标题 1" 的 jQuery 代码是 (AB)

<div id="box">

		<h2 id='top1'name='header1'>标题 1</h2>

			<h2 id='top2'name='header2'>标题 2</h2>

</div>

A、alert($('#top1').text());

B、alert($('[name=header1]').text());

C、alert($('[name='header1']').text());

D、alert($('#header1').text());

7、以下 (AD) 是块级元素

A、div

B、img

C、input

D、p

8、以下标签书写正确的是 (BCD)

A、<p/>

B、<br/>

C、<hr/>

D、<img/>

9、嵌入在 HTML 文档中的图像格式可以是 (ACD)

A、*.gif

B、*.tif

C、*.bmp

D、*.jpg

10、请选出正确的选项 (ABCD)

A、属性要在开始标签中指定，用来表示该标签的性质和特性

B、通常都是以 “属性名 =“值”” 的形式来表示

C、一个标签可以指定多个属性

D、指定多个属性时不用区分顺序

11、下面哪些是 HTML5 新增的表单元素？(AC)

A、datalist

B、optgroup

C、output

D、legend

12、关于 media 说法正确的是 (ABCD)

A、@media 查询，你可以针对不同的媒体类型定义不同的样式

B、@media 可以设计响应式页面

C、当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面

D、可以用 media 属性在 link 中使用

13、文字溢出显示省略号应该拥有那些属性？(ABCD)

A、overflow: hidden;

B、white-space: nowrap;

C、text-overflow: ellipsis;

D、width:500px

14、关于语义化说法不正确的是 (ABC)

A、语义化的 HTML 有利于机器的阅读

B、Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格

C、语义化是 HTML5 带来的新概念，此前版本的 HTML 无法做到语义化

D、Header、article、address 都属于语义化明确的标签

15、background-origin 的值有哪些？(BCD)

A、none

B、border-box

C、content-box

D、padding-box

三、判断题（每题 2 分，共 10 分）

1、H5 就是 HTML5 的简称。

2、CSS Sprites 整理起来更为方便，同一个按钮不同状态的图片也需要一个个切割出来并个别命名。

3、slideUp () 方法通过高度变化（向上减小）来动态地隐藏所有匹配的元素。

√

4、在 jquery 中 addClass () 可以增加多个样式，各个样式间用：隔开。

5、padding:10px; 只设置上边填充为 10 像素，其它三边为零像素。

上一篇：线上赏樱花5分钟教你用Python：画一棵漂亮的樱花树（附代码）

下一篇：1+X Web前端开发（初级）实操考试样题（附答案）

要是有用别忘了点个关注哦！！！