第二篇 1+X考证 Web前端测试题（含答案解析）

单选题

1、关 flex 说法确的是（ A )
 A、  flex 属性用指定弹性子元素如何分配空间

B 、设置 flex :1无意义

C 、 flex 是指设置固定定位

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

【解析：flex是弹性布局的内容,flex属性是设置或检索弹性盒模型对象的子元素如何分配空间，flex实际上是flex-grow、flex-shrink和flex-basis三个属性的缩写，所以flex:1其实是(flex:1 1 auto)；固定定位是fixed，flex不是写在弹性元素上，而是盒子或容器上】

2、下面关于文件路径的说法错误的是（ D )。

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

B 、“..”是返回当前目录的上一级目录

C、文件路径指文件存储的位置

D、“../”是返回当前目录的下级目录

【解析：".."是返回当前目录的上一级目录，输入"../"也是同样的;】

3、关于引入样式的优先级说法正确的是（ A )

A 、内联样式＞内部样式＞外部样式

B 、内部样式＞内联样式＞部样式

C 、以上都不正确

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

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

A.以上答案都不正确

B.0 1 4 9 16

C.0 1 2 3 4

D.0 1 4 9 16 25

【解析：for循环中的x<5,则函数function f(y)中的x=y*y,那么x<5,则依次是0，1，4，9，16，答案选B】

5、下列选项中定义标题最合理的是（ C ）

 A 、< div > 文章标题＜/div>

 B 、< span class ="header"＞文章标题＜/span>

 C 、<h2＞标题＜/h2>

 D 、<p><b>文章标题</b></p>

6、HTML5的正确 doctype 是（ C ）

A、  //W3C//DTD HTML 5.0//EN"http://www.w3.org TR/htmI5/strict.dtd ">

B 、 <!--DOCTYPE HTML PUBLIC-->

C 、<!--D0CTYPE HTML5-->

D 、<!--DOCTYPE html-->

7、关 box - shadow 地法正确的是（ B )

A 、设置文字投影

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

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

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

【解析：设置文字投影的是text-shadow,box-shadow是盒阴影；box-shadow:x(水平),y(垂直),阴影值,阴影颜色】

8、毎段文字都需要首行缩进两个字的距离，该设置什么属性（ B )

A 、text - transform 

B 、text － indent 

C 、text - decoration 

D 、text - align 

【解析：text-transform:用来指定在一个文本中的大写和小写字母,可用于所有字句变成大写或小写字母，或每个单词的首字母大写 ; text - align:用来设置文本的水平对齐方式 ; text － indent :文本缩进属性是用来指定文本的第一行的缩进 ; text - decoration:用来设置或删除文本的装饰 ; 】

9、以下关于 jQuery 节点的说法中错误是（ A ）

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

B 、jQuery 中用  $(".box"). insertAfer(elel1 ,ele2)给ele2后添加 ele1元素

C、 jQuery 中用  $(".box"). append(ele)box实后添加ele元素

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

【解析：appendTo() 方法在被选元素的结尾插入 HTML 元素 ；append() 方法在被选元素的结尾插入指定内容。】

10、下面代码输出正确的是（ B )

 parselnt (3，8)

 parselnt (3，2)

 parselnt (3，0)

 A 、3, NaN , NaN  

B 、other 

C 、3,3, NaN 

D 、3,3,3

【解析：只有字符串中的第一个数字会被返回，如果字符串的第一个字符不能被转为数字，那么parseInt( )会返回NaN。parseInt(string,radix),当参数 radix 的值为 0，或没有设置该参数时parseInt() 会根据 string 来判断数字的基数，radix(表示要解析的数字基数，介于2~36之间。)

】

11、下列表达式成立的是（ D )
A 、 parseInt (12.5) == parseFloat (12.5)

B 、 isNaN ("abc") == NaN 

C 、 Number ("123abc") == parseFloat ("123abe”)

D 、 typeofNaN == "number"

【解析：parsetInt(12.5)整数型是12，而parseFloat(12.5)浮点数是12.5，不成立false，排除A,isNaN(判断是否为数值型)只有true或false两个值，显然abc不是为false,NaN还是NaN,不成立，排除B，Number()转为数值,可以将字符串的数字转为数值，即Number("123")=123,但要求放在Number当中的要为非NaN,显然"123abc"是NaN,parseFloat("123abe")=123,不成立排除C；用typeof 操作符来检测变量的数据类型】 

12、在 jQuery 中，下列关于事件的说法措误的是（ A )

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

B 、jQuery 中存在冒泡事件，故需要阳止冒泡

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

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

【解析：在jquery中，给按钮绑定点击事件，主要通过bind( ) 方法绑定click事件来实现。

<button id="btu">按钮</button>

<script>
    //给按钮绑定点击事件  
    $(function(){
        $("#btu").bind('click',function(){
            alert('点击成功！')
        })
    })  

</script>

】

13、以下哪条语句会产生运行错误（ D )

A 、var obj = //；

B 、var obj = {}；

C 、var obj = [];

D 、var obj = ();

14、在 JavaScript 中，执行下面的代码后， num 的值是（ C )

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

var num = str.indexOf (" "." ")；

 A  、-1
 B 、0
 C 、4
 D 、13

【解析：indexOf()可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。】

15、设置盒子圆角的属性是（ B ）

A、box-shadow

B、border-radius

C、border

D、box-size

【解析：box-shadow是盒阴影，border-radiu是边框的圆角，border是边框的属性（border-width,border-style,border-color）】

16、在以下选项中，关于 JavaScript 的 Date 对象描述正确的是（ D ）

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

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

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

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

【解析：getYear( )方法现在已经废弃掉了,现在使用只能返回三位，使用getFullYear( )则从 Date 对象以四位数字返回年份。getDate( )则从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay( )则从 Date 对象返回一周中的某一天 (0 ~ 6)。getTime( )返回1970年1月1日至今的毫秒数】

17、在 Java script 中，运行下面代码的结果是（ C ）

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,18

B、 17,18,19

C 、undefined ,18,19

D、5,18,19

【解析：整体看一下这个函数foo(x),该函数还包含一个bar=function(y)然后return出去一个结果，foo(2),函数中的bar未知，那么return出去的就是一个undefined,bar(10)时,函数可以正常return出来一个值，代入数值（x+y+(++num)=2+10+6=18）,接着bar(10),代入等于19，选C】

18、在 HTML 中，通过（ B ）河以实现鼠标悬停在 div 上时，元素执行旋转45度效果。

 A 、 div:hover { transform : scale (1,5) }

 B 、div:hover { transform : rotale (45deg) }

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

 D 、div:hover { transform : tanslate (50px) }

【解析：transform属性应用于元素的2D或3D转换,这个属性允许你将元素旋转，缩放，移动，倾斜等。scale移动，rotale，skew倾斜，】

19、让一个动画一直执行的属性是（ A ）
 A 、 animation - direction 
 B 、 animation - iteration - count 
 C 、 animation - play - state 
 D 、 animation － delay 

【解析：animation-direction 属性定义是否循环交替反向播放动画；animation-iteration-count 属性定义动画的播放次数。animation--play-state属性指定动画是否正在运行或已暂停。animation-delay 属性定义动画什么时候开始（允许负值）。】

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

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

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

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

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

21、请选择结果为真的表达式（ B )

A、 NaN == NaN 

B、 null == undefined 

C、 null instanceof Obyect

D、null === undefined

【解析：JavaScript的规定，NaN表示的是非数字， 但是这个非数字也是不同的，因此，NaN 不等于 NaN，并且两个NaN永远不可能相等。】

22、在 HTML 中，下列有关邮简的链接书写正确的是 ( B )

A、 < A href = "mail: zhangming@aptech.com"＞发送邮件</A> 

B 、< A href = "mailto :zhangming @ aptech com"＞发送邮件</A> 

C 、< A href = "telnet :zhangming @ aptech . com"＞发送邮件</A>

D 、< A href = "ftp:zhangming @ aptech com"＞发送邮件</A>

23、在 HTML 中，( C ）用来表示特殊字符引号

A 、&quot 

B 、&reg 

C 、& nbsp 

D 、&copy

24、在 HTML 中，下面（ D ）不属于 HTML 文档的基本组成部分。

A 、<HTML></HTML>

B 、<BODY></BODY>

C 、<HEAD></HEAD>

D、 <STYLE></STYTLE> 

25、设定一个元素按规定的动画执行，你需要运用什么规则？（ C ）

A 、animation 

B 、transition 

C、 keyframes 

D、 flash 

26、在HTML5中，哪个属性用于规定输入字段是必填的？（ B ）

A 、placeholdet 

B 、required 

C 、validate 

D 、readonly

27、以下不属于 background - clip 的值的是（ A )

A 、 none 

B 、 padding - box 

C 、 border - box 

D、 content－box 

【解析：background-clip属性指定背景绘制区域。border-box是默认值，背景绘制在边框方框内，padding-box是背景绘制衬距方框内，content－box是绘制在内容方框内】

28、下面代码输出什么（ C )

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

A、10

B、6

C、12

D、16

【解析：满足a>10,b<7,只需要满足b<7即可,当b=6时，g=6+6=12】

29、以下说法不正确的是（ A ）

A、<canvas>标签替代flash

B、HTML5标准还在定制中

C、简化的语法

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

30、在 jQuery 中，能够操作 HTML 代码及文本的方法是（ A )

A 、 text( ) 

B 、html( )

C 、val( )

D 、 attr( ) 

多选题

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

A 、 parseInt (abc43.12）返回值为 NaN

B 、 parselnt (43.12）返回值为43

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

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

2、请选出正确的选项（ ABCD ）

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

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

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

D、通常都是以" 属性名="值" "的形式来表示 

3、文本溢出显示省略号应该拥有哪些属性（ ABC ）

A、text-overflow : ellipsis ;

B、white-space : nowrap ;

C、overflow:hidden;

D、width : 500px

4、下面哪些是JavaScript 中 document 的方法？（ ABDE ）

A 、 getElementsByName 

B 、 getElementsByClassName 

C 、 getElementsById 

D 、 getElementsBytagName 

E 、 getElementById 

5、网页的＜ body ＞元素中包含以下 HTML 代码：下列能单出”“标题1“的 jQuery 代码是（ BD ）

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

A 、alert( $("#header1"). text())；

B 、alert( $("#top1"). text())；

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

D 、alert( $'[name=header1]').text()) ；

6、关于 JavaScript 事件说法不正确的是（ BCD ）

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

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

C 、 onclick 就是一个事件对象

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

【解析：change —— 当元素的值发生改变，会发生change事件，该事件适用于text、textarea、select元素】

7、以下标签书写正确的是 ( ABC )

A 、 <img/>

B 、 <br/>

C 、 <hr/>

D 、 <p/>

8、关于 media 说法正确的是（ ABCD ）

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

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

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

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

【解析：A选项是重点，D选项media属性在link中设置或返回文档显示的设备类型。】

9、嵌入在 HTML 文档中的图像格式可以是（ ABD ）

A 、*.bmp 

B 、*.jpg 

C 、*.tif 

D 、*.gif 

10、下面哪些是HTML5新增的表单元素？（ CD ）

A 、optgroup 

B 、legend 

C 、datalist 

D 、output

11、 background - origin 的值有哪些（ BCD ）

A 、 none 

B 、 border-box 

C 、 content-box 

D 、 padding-box 

12、以下（ CD ）是块级元素

A 、 input 

B 、 img 

C 、div 

D 、p

13、下列选项中属于 jQuery 属性选择器的是（ BC ）

A 、 $("img")

B 、$("[class][title]")

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

D 、$("div > span")

【解析：可以看一下这篇文章jquery属性值选择器 - 柠檬先生 - 博客园】

14、关于语义化说法不正确的是（ BCD ）

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

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

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

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

15、下列关于获取页面元素说法正确的是（ AB ）

A 、document.getElementByld (' a '）是通过 id 值为 a 获取页面中的一个元素

B 、document.getElementsByTagName ("div ")是通过标签名获取去所有 div ;

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

D 、以上说法都不正确

判断题

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

2、padding :10px；只设置上边墳充为10像素，其它三边为0像素。（ F ）

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

【解析：CSS Sprites （俗称css精灵)，是一种网页 图 片应用处理方式,它允许你将一个页面涉及到的所有零星 图 片都包含到一张大图中去】

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

5、H5就是HTML5的简称。（ T ）