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、网页的 <body> 元素中包含以下 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 的简称。

X

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

X

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

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

X

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

X
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,723评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,003评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,512评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,825评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,874评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,841评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,812评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,582评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,033评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,309评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,450评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,158评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,789评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,409评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,609评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,440评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,357评论 2 352

推荐阅读更多精彩内容

  • 一、理论基础知识部分 1.1、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起T...
    我家媳妇蠢蠢哒阅读 3,123评论 2 106
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,179评论 0 3
  • 昨天,战友顾大哥经过不懈的努力(晓之以情,动之以理),终于把我这个除了偶尔做做俯卧撑,之后就不在运动的胖子,给拉进...
    抓瞎的猫阅读 307评论 0 0
  • 文/摘抄 图/来自你们 岁月不待人,总是走的匆忙。 还没好好感受十月的秋高气爽,十一月就带着初冬的风与雪在来的路上...
    谢家有男永登阅读 539评论 0 1
  • tcp的特点 三次握手 四次挥手 可靠连接 丢包重传 但是最核心的:tcp是可以可靠传输协议,它的所有特点都为这个...
    MichalWilson阅读 206评论 0 0