1+x 证书 Web 前端开发初级理论考试（试卷 6 ） / 四六文摘

一、单选题共 30 题，60 分

1. 阅读下面的 JavaScript 代码，输出结果是（） B

function f(y) { var x=y*y; return x; } for(x=0;x< 5;x++) { y=f(x); document.write(y); }

A0 1 2 3 4
B0 1 4 9 16
C0 1 4 9 16 25
D 以上答案都不对

2. 在 Javascript 中，运行下面代码的结果是 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));

Aundefined,18,19
B17,18,19
C5,18,19
Dundefined,18,18

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

var str = "wang.wu@gmail.com"; var num = str.indexOf(".");

4. 以下哪条语句会产生运行错误（） A

Avar obj = ();
Bvar obj = {};
Cvar obj = [];
Dvar obj = //;

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

var a=0,b=0; for(;a<10,b<7;a++,b++){ g=a+b; } console.log(g);

6. 请选择结果为真的表达式（） C

Anull instanceof Object
Bnull === undefined
Cnull == undefined
DNaN == NaN

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

Areadonly
Brequired
Cvalidate
Dplaceholder

8.HTML5 的正确 doctype 是 ()？ C

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

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

- *A*parseInt(12.5)==parseFloat(12.5)- *B*Number("123abc")==parseFloat("123abc")- *C*isNaN("abc")==NaN- *D*typeof NaN=="number"

10. 以下不属于 background-clip 的值的是（） D

Aborder-box
Bpadding-box
Ccontent-box
Dnone

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

Aanimation
Bkeyframes
Cflash
Dtransition

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

- *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)};

13. 下面代码输出正确的是 () parseInt (3, 8) parseInt (3, 2) parseInt (3, 0) D

A3, 3, 3
B3, 3, NaN
C3, NaN, NaN
Dother

14. 在 jQuery 中，下列关于事件的说法错误的是（） A
AjQuery 中用 onclick 绑定点击事件
BjQuery 中用 on 来给未来元素绑定事件
CjQuery 中用 hover 来绑定鼠标经过事件
DjQuery 中存在冒泡事件，故需要阻止冒泡

15. 让一个动画一直执行的属性是（） B
Aanimation-direction
Banimation-iteration-count
Canimation-play-state
Danimation-delay

16. 关于 flex 说法正确的是（） A
Aflex 属性用于指定弹性子元素如何分配空间
Bflex:1 应该写在弹性元素上
C 设置 flex:1 无意义
Dflex 是指设置固定定位

17. 关于样式的优先级说法正确的是（） C
A 内联样式 >!important > 内部样式 > 外部样式 >!important
B!important > 内联样式 > 内部样式 > 外部样式
C 以上都不正确

18. 下面关于文件路径的说法错误的是（） B
A“../” 是返回当前目录的上一级目录
B“../” 是返回当前目录的下一级目录
C 访问下一级目录直接输入相应的目录名即可
D 文件路径指文件存储的位置

19. 以下说法不正确的是（） A
AHTML5 标准还在制定中
BHTML5 兼容以前 HTML4 下浏览器
C<canvas> 标签替代 Flash
D 简化的语法

20. 在 HTML 中，下列有关邮箱的链接书写正确的是（） D

- *A*<A href="telnet:zhangming@aptech.com">发送邮件</A>- *B*<A href="mail:zhangming@aptech.com">发送邮件</A>- *C*<A href="ftp:zhangming@aptech.com">发送邮件</A>- *D*<A href="mailto:zhangming@aptech.com">发送邮件</A>

21. 设置盒子圆角的属性是（） C

Abox-sizing
Bbox-shadow
Cborder-radius
Dborder

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

A®
B©
C" 进
D “”

23. 关于 box-shadow 说法正确的是（） B

A 设置文字投影
B 第一个值是设置水平距离的
C 第二个值是设置水平距离的
D 第三个值是设置投影颜色的

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

Adiv[class^=c]{color:red}
Bdiv[class$=c]{color:red}
Cdiv[class=c]{color:red}
Ddiv[class*=c]{color:red}

25. 在 jQuery 中，能够操作 HTML 代码及其文本的方法是（） C

Aattr()
Btext()
Chtml()
Dval()

26. 每段文字都需要首行缩进两个字的的距离，该设置什么属性（） C

Atext-transform
Btext-align
Ctext-indent
Dtext-decoration

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

AjQuery 中用 $(".box").insertBefore (ele1,ele2) 给指定 ele2 前添加 ele1 元素
BjQuery 中用 $(".box").append (ele) 给 box 类后添加 ele 元素
CjQuery 中用 $(".box").appendTo (ele) 给 box 类后添加 ele 元素
DjQuery 中用 $(".box").insertAfter (ele1,ele2) 给 ele2 后添加 ele1 元素

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

AgetDay ( ) 方法能返回 Date 对象的一个月中的一天，其值为 1~31
BgetDate ( ) 方法能返回 Date 对象的一周中的一天，其值为 0~6
CgetTime () 方法能返回某一时刻 (1970 年 1 月 1 日) 依赖的毫秒数
DgetYear ( ) 方法只能返回 4 位年份，长用于获取 Date 对象的年份

29. 在 HTML 中，下面（）不属于 HTML 文档的基本组成部分。 A

- *A*<STYLE></STYTLE>- *B*<BODY></BODY>- *C*<HTML></HTML>- *D*<HEAD></HEAD>

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

- *A*<span class="header">文章标题</span>- *B*<p><b>文章标题</b></p>- *C*<h2>标题</h2>- *D*<div>文章标题</div>

二、多选题共 15 题，30 分

1. 请选出正确的选项 () ABCD

A 属性要在开始标签中指定，用来表示该标签的性质和特性
B 通常都是以 “属性名 =“值”” 的形式来表示
C 一个标签可以指定多个属性
D 指定多个属性时不用区分顺序。

2. 下面哪些是 HTML5 新增的表单元素？ AC

Adatalist
Boptgroup
Coutput
Dlegend

3. 嵌入在 HTML 文档中的图像格式可以是 ()？ ACD

A *.gif
B *.tif
C *.bmp
D *.jpg

4. 关于语义化说法不正确的是（） ABC

A 语义化的 HTML 有利于机器的阅读
BTable 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格
C 语义化是 HTML5 带来的新概念，此前版本的 HTML 无法做到语义化
DHeader、article、address 都属于语义化明确的标签

5. 下面哪些是 javascript 中 document 的方法？ ACDE

AgetElementById
BgetElementsById
CgetElementsByTagName
DgetElementsByName
EgetElementsByClassName

6.background-origin 的值有哪些（） BCD

Anone
Bborder-box
Ccontent-box
Dpadding-box

7. 以下标签书写正确的是 ()？ BCD

```
- *A*<p/>- *B*<br/>- *C*<hr/>- *D*<img/>
```
8. 下列关于获取页面元素说法正确正确的是 ( ) AC
Adocument.getElementById (‘a’) 是通过 id 值为 a 获取页面中的一个元素
Bdocument.getElementsByName (“na”) 是通过 name 属性值为 na 获取页面中的一个元素
Cdocument.getElementsByTagName (“div”) 是通过标签名获取去所有 div;
D 以上说法都不正确；

9. 关于 javascript 事件说法不正确的是（） BCD
A 事件由事件函数事件源事件对象组成
B 当前事件作用在哪个标签上，哪个标签就是事件源
Conclick 就是一个事件对象
D 图片切换使用 javascript 的 change 事件

10. 下列选项中属于 jQuery 属性选择器的是（） AC

- *A*$("img[src$='.gif ']")- *B*$("img")- *C*$("[class][title]")- *D*$("div>span")

11. 文字溢出显示省略号应该拥有那些属性（） ABCD

Aoverflow: hidden;
Bwhite-space: nowrap;
Ctext-overflow: ellipsis;
Dwidth:500px

12. 在 JavaScript 语法中，下列说法正确的是 AB

AparseInt (43.12) 返回值为 43
BparseInt ('abc43.12') 返回值为 NaN
CparseFloat ('43.13abc')==parseInt (43.12) 返回 true
DisNaN (parseFloat ('45.13abc')) 返回 true

13. 网页的 <body> 元素中包含以下 HTML 代码：

<div id="box"> <h2 id='top1' name='header1'>标题1</h2> <h2 id='top2' name='header2'>标题2</h2> </div>

下列能弹出 "标题 1" 的 jQuery 代码是（）。 AB

Aalert($('#top1').text());
Balert($('[name=header1]').text());
Calert($('[name='header1']').text());
Dalert($('#header1').text());

14. 关于 media 说法正确的是（） ABC

A@media 查询，你可以针对不同的媒体类型定义不同的样式
B@media 可以设计响应式页面
C 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。
D 可以用 media 属性在 link 中使用

15. 以下（）是块级元素 AD

Adiv
Bimg
Cinput
Dp

三、判断题共 5 题，10 分

1. 在 jquery 中 addClass () 可以增加多个样式，各个样式间用：隔开错

A 对
B 错

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

A 对
B 错

3.padding:10px; 只设置上边填充为 10 像素，其它三边为零像素错

A 对
B 错

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

A 对
B 错

5.H5 就是 HTML5 的简称错

A 对
B 错

1+x 证书 web 前端开发初级对应课程分析
http://blog.zh66.club/index.php/archives/194/

1+X 证书 Web 前端开发中级对应课程分析
http://blog.zh66.club/index.php/archives/195/

1+x 证书 Web 前端开发初级理论考试样题 2019
http://blog.zh66.club/index.php/archives/149/

1+x 证书 Web 前端开发初级实操考试样题 2019
http://blog.zh66.club/index.php/archives/150/

1+x 证书 Web 前端开发中级理论考试样题 2019
http://blog.zh66.club/index.php/archives/151/

1+x 证书 Web 前端开发中级实操考试样题 2019
http://blog.zh66.club/index.php/archives/152/

1+x 证书 Web 前端开发初级理论教案
http://blog.zh66.club/index.php/archives/322/

1+x 证书 Web 前端开发中级理论教案
http://blog.zh66.club/index.php/archives/320/

1+x 证书 Web 前端开发中级理论考试（试卷 1）
http://blog.zh66.club/index.php/archives/153/

1+x 证书 Web 前端开发中级理论考试（试卷 2 ）
http://blog.zh66.club/index.php/archives/154

1+x 证书 Web 前端开发中级理论考试（试卷 3 ）
http://blog.zh66.club/index.php/archives/170/

1+x 证书 Web 前端开发中级理论考试（试卷 4 ）
http://blog.zh66.club/index.php/archives/191/

1+x 证书 Web 前端开发中级理论考试（试卷 5 ）
http://blog.zh66.club/index.php/archives/297/

1+x 证书 Web 前端开发中级理论考试（试卷 6）
http://blog.zh66.club/index.php/archives/319/

1+x 证书 Web 前端开发初级理论考试（试卷 7 ）
http://blog.zh66.club/index.php/archives/412/

1+x 证书 Web 前端开发初级理论考试（试卷 8 ）http://blog.zh66.club/index.php/archives/414/

1+x 证书 Web 前端开发初级级理论考试（试卷 2 ）
http://blog.zh66.club/index.php/archives/176/

1+x 证书 Web 前端开发初级级理论考试（试卷 3 ）
http://blog.zh66.club/index.php/archives/299/

1+x 证书 Web 前端开发初级级理论考试（试卷 4 ）
http://blog.zh66.club/index.php/archives/315/

《Web 前端开发》等级考试样题～以国家 “1+X” 职业技能证书为标准，厚溥推出 Web 前端开发人才培养方案
http://blog.zh66.club/index.php/archives/156/

pdf 版查看链接三套完整版
http://blog.zh66.club/usr/uploads/2019/12/4294434490.pdf
http://blog.zh66.club/usr/uploads/2019/12/2430725541.pdf
http://blog.zh66.club/usr/uploads/2019/12/761774577.pdf

这人还没有写标签哦～

1+x 证书 Web 前端开发初级理论考试（试卷 6 ）

一、单选题共 30 题，60 分

二、多选题共 15 题，30 分

三、判断题共 5 题，10 分

相关推荐