1+X web前端初级模拟试题4

1. 想要给个a标签设置width和height，需要给a标签添加哪个样式？（

A. display:inline;

B. overflow:hidden;

C. font-size:0;

D. display:block;

答案： D

2. placeholder的作用是（ ）

A. 为文本框设置默认提示文字

B. 为文本框设置对齐样式

C. 为文本框设置默认值

D. 以上说法都不正确

答案： A

3. 如何清除ul的浮动？（ ）

A. ul li:last-child{clear:both}

B. ul:after{content:"";clear:both;display:block}

C. ul{clear:both}

D. ul:before{content:"";clear:both;display:block}

答案： B

4. 以下是画布可以画图像的是（ ）

A. video

B. audio

C. canvas

D. header

答案： C

5. meta标签中name属性值是关键字的是（ ）

A. description

B. author

C. keyword

D. generator

答案： C

6. 以下哪些不是块标签的是（ ）

A. span

B. p

C. div

D. ul

答案： A

7. var size="true";(typeof size); 正确答案是（ ）

A. string

B. number

C. undefined

D. boolean

答案： A

8. input标签的值是用哪个属性来描述的？（ ）

A. type

B. disabled

C. id

D. value

答案： D

9. 以下哪个的优先级最高（ ）

A. class

B. id

C. !important

D. 行内

答案： C

10. 参数序号从1开始的是哪个选择器（ ）

A. :empty

B. nth-child

C. :first

D. :eq

答案： B

11. p下面除了span以外所有标签，旋转45度（ ）

A. p :not(span){transform:rotate(45deg)}

B. p :not(span){translate:rotate(45deg)}

C. p not(:span){transform:rotate(45deg)}

D. p:not(span){rotate(45deg)}

答案： A

12.

A. icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-left-color:#f00; }

B. icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-left-color:transparent;}

C. icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-right-color:#f00;}

D. icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-right-color:transparent;}

答案： A

13. 以下这段代码的作用是（ ）

A. 是当宽度大于960px小于1200px的时候body的背景色为yellow

B. 是当宽度大于960px的时候body的背景色为yellow

C. 是当宽度小于1200px的时候body的背景色为yellow

D. 以上写法都不正确

答案： A

14. 实现点击文本也能控制复选框，以下设置正确的是（ ）

A. 音乐

B. 音乐

C. 音乐

D. 音乐

答案： B

15. 以下哪些属性属于弹性盒子的（ ）

A. flex-shrink

B. flex-grow

C. border

D. margin

答案： A,B

16. 设置主轴方向的弹性盒子元素的对齐方式可以使用（ ）属性实现

A. align-content

B. justify-content

C. align-self

D. align-items

答案： B

17. 以下能生效的样式选项是 ( )

A. yellow

B. red

C. blue

D. black

答案： C

18. 哪一个标记用于使HTML文档中表格里的单元格在同行进行合并？（ ）

A. cellspacing

B. cellpadding

C. rowspan

D. colspan

答案： D

19. flex-grow的作用是（ ）

A. 弹性盒子元素对齐方式

B. 弹性盒子元素的排列方式

C. 弹性盒子元素显示次序

D. 弹性盒子元素如何分配剩余空间

答案： D

20. javascript怎样将一个checkbox设为无效，假设该checkbox的id为checkAll (

)

A. mentById("checkAll").enabled = false;

B. mentById("checkAll").disabled = true;

C. mentById("checkAll").enabled = true;

D. mentById("checkAll").disabled = "disabled";

答案： B

21. 在jQuery中，不属于鼠标事件的是（ ）

A. mouseover

B. mouseenter

C. keydown

D. mousemove

答案： C

22. jquery中遍历指定的对象和数组是哪个方法（ ）

A. $.each( object, callback )

B. $(selector).each(function())

C. foreach()

D. for ...in

答案： A

23. 下面哪个选项可以选择id为ul元素后的所有p元素（ ）

A. #ul2+p

B. #ul2~p

C. #ul2>p

D. #ul2 p

答案： B

24. 以下哪个方法是对数组进行排序（ ）

A. sort

B. reverse

C. pop

D. slice

答案： A

25. arguments是一个类似于数组的对象。对命名参数的引用可以使用参数名也可以使用（ ）的方式来进行引用：

A. function argument[n]

B. arguments.n

C. arguments[n]

D. isfunction

答案： C

26. 在当前页面中插入与处于同一级的img文件夹下的，正确的导入写法是（ ）

A.

B.

C.

D.

答案： A

27. 如果按下的是回车键：js中正确的判断方式是（ ）

A. if(e == 39)

B. if(e == 38)

C. if(e == 13)

D. if(e == 31)

答案： C

28. 下面代码的打印结果是( )

A. ["bmw", "qq", "byd", "polo", "glof"]

B. ["bmw", "qq", "polo", "glof"]

C. ["bmw", "qq", "polo", "byd", "glof"]

D. 以上都不对

答案： C

29. 下面代码的打印结果是( )

A. 5,10,15,20,25,30

B. 5,15

C. 5,15,25

D. 5,10,20,25

答案： D

30. 以下代码执行结果正确的是( )

A. 分别弹出1234

B. 分别弹出 234

C. 程序报错

D. 只弹出 2

答案： B

31. var v; 该语句定义了一个变量v，它的值是？正确答案是（ ）

A. 1

B. undefined

C. 0

D. null

答案： B

32. 在jQuery中，通过jQuery对象.css( )可实现样式控制，以下说法正确的是（A. css( )方法会去除原有样式而设置新样式

B. 正确语法：css(“属性”,”值”)

C. css( )方法不会去除原有样式

D. 正确语法：css(“属性”)

答案： A,B

33. 下面选项中 jquery焦点事件的有（ ）

）

A. blur()

B. select()

C. focus()

D. onfocus()

答案： A,C

34. 以下语句语法正确的有（ ）

A. mentsByTagName("body")[0].innerHTML = "HELLO"

B. mentById("box").-top="1px solid #f00"

C. mentsByTagName("div")[0].innerHTML = 'hello';

D. mentsByTagName("body").gTop = "10px";

答案： A,C

35. 假设btn是获取到的按钮，点击按钮调用checkCity这样一个函数，以下写法正确的有哪些（

）

A. k = function(){checkCity;}

B. k = function(){checkCity();}

C. k = checkCity;

D. k = checkCity()

答案： B,C

36. 以下哪些语句可以打印1-100之间所有的奇数（ ）

A. for(var i=1;i<=100;i++){if(i%2==1){(i);}}

B. for(var i=1;i<=100;i+=1){(i);}

C. for(var i=1;i<=100;i++){if(i%2==0){(i);}}

D. for(var i=1;i<=100;i+=2){(i);}

答案： A,D

37. #wrap{width:600px;height:200px;background:#ccc;position:absolute;}实现wrap在浏览器中水平和垂直都居中，需要设置的样式有( )

A. margin-left:-300px;margin-top:-100px;

B. left:300px;top:100px;

C. left:50%;top:50%;

D. margin-left:-300px;margin-top:100px;

答案： A,C

38. 以下哪些元素属于块元素( )

A. a

B. nav

C. header

D. ul

答案： B,C,D

39. 背景background属性包括（ ）

A. background-size

B. background-origin

C. text-align

D. background-clip

答案： A,B,D

40. div span{margin-left:10px;}通过以下哪些语句可以将第一个span元素的margin取消(

)

A. div span:first-child{margin:0}

B. div span:nth-child(0){margin:0;}

C. div span:nth-child(1){margin:0}

D. div span{margin:0}

答案： A,C

41. 以下哪些样式可以隐藏元素？( )

A. visibility:hidden;

B. display:show;

C. display:none;

D. opacity:0;

答案： A,C,D

42. img标签有文字提示特性的属性（ ）

A. title

B. align

C. alt

D. height

答案： A,C

43. HTML5新增的标签有哪些（ ）

A. header

B. nav

C. footer

D. section

答案： A,B,C,D

44. 以下是单独可以不用闭合的标签是

A.

B.

C.

D.

答案： A,B,C,D

45. 哪些是动画效果？( )

A. transition

B. animation

C. static

D. relative

答案： A,B

46. input[type="text"]:focus{box-shadow:2px 2px 2px blue;}此句可以实现当文本框获得焦点时添加盒阴影效果。（ ）

答案： 对

47. CSS中transition是用来控制元素变形样式的。（ ）

答案： 错

48. var a=b=6; b=3 (a)的值为3吗（ ）

答案： 错

49. margin-top与padding-top对行内元素都起作用。（ ）

答案： 错

50. 在jquery中，给指定的元素后面添加元素可以使用after或者insertAfter（ ）

答案： 对

1-5: D A B C C

6-10: A A D C B

11-15: A A A B A,B

16-20: B C D D B

21-25: C A B A C

26-30: A C C D B

31-35: B A,B A,C A,C B,C

36-40: A,D A,C B,C,D A,B,D A,C

41-45: A,C,D A,C A,B,C,D A,B,C,D A,B

46-50: 对 错 错 错 对