本文编写于 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
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占用的位置是一行