本文编写于 439 天前，最后修改于 366 天前，其中某些信息可能已经过时。

Web前端开发初级模拟测试卷(五)

PDF版点击查看

共55道题 总分：200分

一、单选题共30题，60分

1.在弹性盒子中，以下不属于justify-content的值是()DA flex-start

B center

C space-between

D end

2.alt和title属性的特点表述正确的是()BA 不同的浏览器，表现一样

B alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字

C alt和title同时设置的时候，title作为图片的替代文字出现，alt是图片的解释文字

D 以上说法都不正确

3.分析下面的JavaScript代码段，输出的结果是() emp=new Array(4); emp[1]=1; emp[2]=2; document.write(emp.length); CA 2

B 3

C 4

D 5

4.在JavaScript中，把字符串“789”转换为整型值789的正确方法是() CAvar str="789"; var num=(int)str;

Bvar str="789";var num=str.parseInt(str);

Cvar str="789";var num=parseInt(str);

Dvar str="789";var num=Integer.parseInt(str);

5.下列选项关于标签默认样式说法正确的是() CA标题标签只是默认加粗

B段落标签默认带有外边距和内边距

C无序列表默认带有外边距和内边距

Dinput无默认样式

6.JavaScript函数说法正确的是() BA不可以传参

B可以接受参数

C没有返回类型

D没有return关键字

7.请问下面代码输出的是() var trees = ["aa","bb","cc","dd","apple"]; delete trees[3]; console.log(trees.length); AA5

B4

C3

D以上都不对

8.在HTML中，CSS样式中文本属性的说法错误的是() DAfont-weight用于设置字体的粗细

Bfont-family用于设置文本的字体类型

Ccolor用于设置文本的颜色

Dtext-align用于设置文本的字体形状

9.下面代码正确的结果是() var a = [0]; if ([0]) { console.log(a == true); } else { console.log("2"); } BAtrue

Bfalse

C"2"

D报错

10.(“5.3” + 2.3 ) 的计算结果是() AA7.6

B5.32.3

C5.32

D7.3

11.以下属于目标选择器的是() BA:empty

B:target

C:nth-of-type()

Donly-child

12.关于html5说法错误的是() CAHTML5新增了音频和视频标签

BHTML5只是对HTML4的一个简单升级

C所有主流浏览器都支持HTML5

DHTML5新增了离线缓存机制

13.给div盒子设置鼠标经过变圆角的属性是() CAbox-sizing

Bbox-shadow

Cborder-radius

Dborder

14.下列哪个方法是对数组元素进行排序的() CAadd( )

Bjoin( )

Csort( )

Dlength( )

15.用jQuery，将服务端返回的JSON格式的字符串转为js对象，语法正确的是 AA$.parseJSON(data)

B$.ParseJson(data)

C#.parseJSON(data)

D#.ParseJson(data)

16.以下关于HTML描述不正确的是() BAHTML是描述网页的语言

BHTML是一种编程语言

CHTML是由标记标签组成的

DHTML是超文本标记语言

17.以下关于网页结构说法错误的是()DAHTML文件是结构层

BCSS文件是表示层

CJS文件是行为层

DCSS文件是行为层

18.以下代码输出的结果是：() Cvar length = 20; function fn() { console.log(this.length); } var obj = { length: 10, method: function(fn) { fn(); arguments[0](); } }; obj.method(fn, 1,"aa");A20,10

B10,3

C20,3

D以上都不正确

19.关于边距的设置说法正确的是()。 DAmargin:0 是设置内边距上下左右都为0；

Bmargin:20px 50px;是设置外边距左右为20px,上下为50px;

Cmargin:10px 20px 30px;是设置内边距上为10px，下为20px; 左为30px;

Dmargin:10px 20px 30px 40px;是设置外边距上为10px，右为20px，下为30px,左为40px

20.从下列选中中选出不同的一个？ DA

B

C

D

21.以下不是HTML5新特性的是()AA新的@font-face字体设置

B新的离线存储

C新的音频、视频API

D新的内容标签

22.以下不属于javascript中提供的常用数据类型的是() CAUndefined

BNull

CConnection

DNumber

23.关于盒模型说法不正确的是() BA盒模型由margin,border,padding,content四部分组成；

B标准盒模型是box-sizing:border-box；

CIE盒模型是box-sizing:border-box;

D标准盒模型是box-sizing:content-box；

24.JavaScript是运行在( )的脚本语言 DA服务器端

B在服务器运行后，把结果返回到客户端

C在客户端运行后，把结果返回到服务端

D客户端

25.分析下面的JavaScript代码段，输出结果是() Bvar str="I am a teacher"; a=str.charAt(9); document.write(a);AI am a te

Ba

Cacher

De

26.在jQuery中，移除节点类名为"box"下的div元素的方法是() AA$(".box div").remove();

B$(".box div").empty();

C$("div").innerhtml("");

D$("div").innerHTML = "";

27.在HTML中,通常要通过定位，Css属性中 ( )可以设置垂直叠放次序 CAlist-style

Bpadding

Cz-index

DFloat

28.给以下代码中id名为con的元素设置样式正确的是() B

A.box>.main{font:16px;}

B.box .main{font:16px ‘微软雅黑’}

C#con{font-family:16px}

D.con{font:16px/32px ‘微软雅黑’}

29.实现背景图片不跟随鼠标滚动而滚动的属性是() AAbackground-attachment:fixed;

BB.background-attachment:scroll;

Cbackground-origin: initial;

Dbackground-clip: initial;

30.下列选项关于jQuery中的淡入淡出动画效果描述错误的是() BAfadeOut()方法是通过不透明度的变化来实现所匹配元素的淡出效果

BfadeOut()、fadeIn()、fadeToggle()的表示动画时长的参数只能为毫秒数

CfadeToggle()通过不透明度的变化来开关所有匹配元素的淡入和淡出效果

DfadeOut()、fadeIn()可常用于制作淡入淡出的幻灯片效果

二、多选题共15题，30分

1.jquery ajax中都支持哪些返回类型 ABCDAxml

Bhtml

Cjsonp

Djson

作答结果：正确

2.属于HTML5语法变化的是() ABCDA标签不在区分大小写

B元素可以省略结束标签

C支持boolean值的属性

D允许属性值不适用引号

作答结果：正确

3.下列关于隐藏元素说法正确的是() ABAdisplay: none；不为被隐藏的对象保留其物理空间；

Bvisibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明；

Cvisibility:hidden;产生reflow和repaint(回流与重绘)；

Dvisibility:hidden;与display: none;两者没有本质上的区别；

4.在jQuery中，能够实现将div层隐藏的语句是( ) ADA$("div").css("display","none")

B$("div").addClass ("display","none")

C$("div").show()

D$("div").hide()

5.以下关于javascript中DOM的说法正确的是() ACDADOM的全称为Document Object Model;

BBOM为文档对象模型;

CDOM的作用为可以对页面得内容进行增加删除替换;

DBOM为浏览器对象模型

6.下述有关border:none以及border:0的区别，描述错误的是()？ BCAborder:0表示边框宽度为0

B当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0

C当定义边框时，仅设置边框宽度也可以达到显示的效果

Dborder:none表示边框样式无

7.关于Javascript中数组的说法中，正确的是() BCDA数组的长度必须在创建时给定，之后便不能改变

B由于数组是对象，因此创建数组需要使用new运算符

C数组内元素的类型可以不同

D数组可以在声明的同时进行初始化

8.以下属于HTML5优势的是() ABCDA解决跨平台问题

B部标签代替了原来的JavaScript

C更明确的语义支持

D增强了web应用程序和功能

9.以下属于行内块元素的是() ABAimg

Binput

Cspan

Ddiv

10.下列哪一个表达式返回为真() ACDA!(3<=1)

B(4>=4)&&(5<=2)

C("a"=="a")&&("c"!="d")

D(2<3)||(3<2)

11.以下推荐使用清除浮动的方式有哪几种() ABDA在浮动元素末尾添加一个空的标签例如

B通过设置父元素overflow值为hidden

C父元素也设置浮动

D给父元素添加clearfix类

12.属于HTML5新增的标签是() ABCDAfigure

Bhgroup

Cdetails

Dprogress

13.以下是CSS3新增伪类的是() ABCDA:nth-of-type(n)

B:empty

C:root

D:not()

14.关于不同内核的浏览器，对CSS的解释正确的有？ CDAFireFox的div的内嵌div可以把父级的高度撑大，而IE6.0不可以，要自己设置高度

B当设置为三列布局时，FireFox0的float宽度不能达到100％，而IE6.可以。当设置为两列布局时，两种浏览器都可以

C火狐浏览器中，非float的div前面有同一父级的float的div，此div若有背景图，要使用clear：both，才能显示背景图，而IE6.0中不用使用clear：both

D在[text-decoration:underline]的属性下，IE6.0显示的下划线会比FireFox低一点。在FireFox中，部分笔画会在下划线的下面1个象素左右

15.box-sizing的值有哪些() BCAnone

Bborder-box

Ccontent-box

Dpadding-box

三、判断题共5题，10分

1."12">"2" 错A对

B错

2.div占用的位置是一行࿰