响应式Web程序设计【12】

1. 媒体查询特性中，（）定义输出设备中的分辨率。

A.   device- width
B.   orientation
C.   device- width
D.   resolution

2. 以下哪个版本的浏览器不支持媒体查询（）。

A.   Opera 9.0
B.   IE 9.0
C.   Chrome 21
D.   IE 7.0

3. JavaScript中如果要实现鼠标分别移入及移开指定区域时的图片轮换效果，可绑定（）事件。

A.   onmouseover和onmouseout
B.   onmouseover
C.   onmouseup和onmouseout
D.   onmouseup

4. 在Bootstrap中，如果要调整列的排列顺序，可以用offset。

5. BOM中，window对象包含调整窗口、新建窗口、关闭窗口等操作。

6. 在行（.row）中可以添加列（.column），但列数之和不能超过总列数12。

7. 以下哪个版本的浏览器不支持媒体查询（）。

A.   IE 9.0
B.   Opera 9.0
C.   IE 7.0
D.   Chrome 21

8. 关于以下语句中的user- scalable表示的是（） ＜meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"＞。

A.   页面的初始缩放值
B.   允许用户的最小缩放值
C.   是否允许用户进行缩放操作
D.   允许用户的最大缩放值

9. Bootstrap中表格情境背景颜色的类，warning表示（）。

A.   表示一个成功的或积极的动作
B.   对某一特定的行或单元格应用悬停颜色
C.   表示一个危险的或潜在的负面动作
D.   表示一个需要注意的警告

10. 以下关于各种布局方法的说明，不正确的是（）

A.   弹性布局与流式布局的区别在于，包裹文字的布局元素的尺寸采用em为单位
B.   固定布局中所有元素的所有宽度属性都是以像素定义的
C.   流式布局中所有元素的所有宽度属性都是以百分比定义的
D.   混合式布局可以根据每种布局元素的性质和显示效果来选择最合适的布局方式

11. 响应式网页设计，最早是由伊桑•马卡特（Ethan Marcotte）在（）年提出的一个概念。

A.   2011
B.   2009
C.   2010
D.   2012

12. 下列哪个是不合法的JavaScript标识符（）

A.   7s
B.   $a
C.   _z
D.   a2

13. Bootstrap中，（）类可以把列表ul项从垂直排列变成水平排列。

A.   list-inline
B.   dl-horizontal
C.   ul-unstyled
D.   list-unstyled

14. JavaScript中通过数组的（）属性可获取其当前长度。

A.   name
B.   id
C.   prototype
D.   length

15. 以下这个语句，表示屏幕像素密度为3倍的时候，匹配的图像是（） ＜ｉmg ｓrcset ="img/1_1280.jpg 3x,img/1_640.jpg 2x,img/1_320.jpg 1x"/＞

A.   1_640.jpg
B.   1_1280.jpg
C.   无匹配的图像
D.   1_320.jpg

16. 据2017年8月第40次《中国互联网络发展状况统计报告》的统计结果，截至2017年6月，我国网民占比最多的是使用（）上网的网民。

A.   手机
B.   平板
C.   台式电脑
D.   笔记本电脑

17. Bootstrap中，对图像添加对img-rounded类的应用可以（）。

A.   获得圆角
B.   添加边框
C.   变成圆形
D.   添加阴影

18. 通过"display:flex”可以定义一个Flex布局模块。

19. （）布局又称弹性盒子布局，它于2009年提出，现已进入CSS 3标准。

A.   Box
B.   网格
C.   Grid
D.   Flex

20. Bootstrap框架中，针对小屏幕设备（屏幕宽度小于768px）的网格系统，默认将页面平分成6列。

21. Bootstrap的源码是基于CSS 预处理脚本Less和 Sass开发的，支持响应式设计。

22. 单选题::Bootstrap的网格系统类中，（）是对应于超小屏幕宽度(<768px)的设备。

A.   .col-sm-
B.   .col-md-
C.   .col-xs-
D.   .col-lg-

23. 要后退到之前的页面，可用使用BOM的history对象的（）方法。

A.   forward()
B.   assign()
C.   go()
D.   back()

24. 下列关于JavaScript中数组的说法，不正确的是（ ）

A.   JavaScript中的数组元素可以直接通过其索引来访问
B.   JavaScript中的数组不能存放类型不一样的元素
C.   修改JavaScript中的数组元素必须与其之前的元素类型相同
D.   JavaScript中的数组一旦声明其长度，则不能修改

25. 如果要设置函数tick()只在10秒后执行一次，则正确的JavaScript代码应为（）。

A.   setTimeout(tick,10000)
B.   setInterval（"tick()",10000）
C.   setTimeout（"tick()",10000）
D.   setInterval(tick,10000)

26. 以下关于流式布局的说法，不正确的是（）。

A.   使用不同设备时可能影响网页显示效果
B.   网页中主要的划分区域的尺寸使用百分比
C.   高度、文字大小等仍是使用像素来指定的
D.   可完全满足响应式的要求

27. 在网格布局中，每个元素只能占用1列。

28. 下面关于JavaScript中的逻辑类型，说法不正确的是（ ）

A.   逻辑型数据的输出值可能为NaN
B.   逻辑类型的值有true和false两种
C.   所有关系表达式的返回值都是逻辑型
D.   逻辑类型通常用于比较、逻辑判断等运算中

29. 在Bootstrap中通过调用类.table-responsive可实现（）效果。

A.   响应式表格
B.   给表格添加边框
C.   指针悬停背景表格
D.   条纹状表格

30. 下列选项中关于JavaScript浏览器对象中history对象的说法错误的是（ ）。

A.   history对象的父对象是JavaScript浏览器对象的根对象window
B.   history对象记录了用户在一个浏览器中已经访问过的URLs
C.   应用history对象的back()方法相当于"前进”按钮，forward()方法相当于"后退”按钮
D.   应用history对象的方法可以实现IE浏览器中"前进”和"后退”按钮的功能

31. JavaScript中的onmouseover事件是在（ ）时触发

A.   鼠标双击元素所在位置
B.   鼠标在元素位置按下
C.   鼠标移出元素所在位置
D.   鼠标经过元素所在位置

32. Bootstrap中可以使用abbr标签添加()属性以在鼠标悬停时显示提示信息。

A.   class
B.   id
C.   hover
D.   title

33. JavaScript表达式'300'+100的值为（ ）

A.   400
B.   NaN
C.   300
D.   300100

34. 响应式网页往往包含多个（）语句，用于适配不同的显示条件。

A.   地址跳转
B.   媒体查询
C.   多媒体
D.   网格

35. Bootstrap的样式定义中关于< blockquote >标签的定义是默认居中显示的。

36. 下面哪个JavaScript方法不是用于生成或插入节点的（ ）。

A.   createElement
B.   removeChild
C.   creatTextNode
D.   appendChild

37. 下面JavaScript语句创建的Date对象，其日期值是（ ） ｖar theDate〓new Date(2009,9,1);

A.   2009年10月2日
B.   2009年9月1日
C.   2009年10月1日
D.   2009年9月2日

38. JavaScript函数定义时需声明其是否有返回值及返回值类型。

39. DOM结构中，属性节点也有子节点。

40. 要后退到之前的页面，可用使用BOM的history对象的（）方法。

A.   forward()
B.   back()
C.   assign()
D.   go()

41. Bootstrap网格布局中，网格布局的容器必须先定义为.container类。

42. 以下关于媒体查询的说法，不正确的是（）。

A.   让CSS能更精确地作用于不同的媒体类型和同一媒体的不同条件
B.   为不同终端的用户实现不同跳转
C.   为不同终端的用户都能提供较好的浏览体验
D.   为一些特定的输出设备定制特定的显示效果

43. Bootstrap中，（）可以设置文本居中对齐。

A.   text-left
B.   center
C.   text-center
D.   text-right

44. Bootstrap中，下拉菜单按钮调用的类是（）。

A.   caret
B.   times
C.   close
D.   clear

45. 下面哪个JavaScript表达式可以计算半径为3的圆形的面积（ ）

A.   Mat
B.  PI*3^2
C.   Mat
D.  PI*3*3
E.   Mat
F.  PI*Mat
G.  pow(2,3)
H.   PI*pow(2,3)

46. 如果在当前的div main中设置了其字体为5em，而当前div又在另一个div的container中。如果container设置了字体大小的为5em，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（ ），而在main中的字体大小就应该是（ ）。

A.   80px，80px
B.   16px，80px
C.   80px，400px
D.   16px，16px

47. 关于BOM顶级对象模型的结构，下面说法不正确的是（）

A.   window对象包含调整窗口、新建窗口、关闭窗口等操作
B.   网页文档只可能包含一个window对象
C.   window对象包含调整窗口、新建窗口、关闭窗口等操作
D.   window对象在层次中最上层

48. JavaScript中函数的定义使用关键字（ ）

A.   new
B.   var
C.   object
D.   function

49. 若对当前单个window对象操作时，可将引用window对象的代码省略。

50. Bootstrap中的 bg- warning表示（）。

A.   情境背景色，警告——黄
B.   情境文本色，成功——绿
C.   情境文本色，警告——黄
D.   情境背景色，主要——蓝

51. 在网格布局中，每个元素可占用多列。

52. Bootstrap中表格情境背景颜色的类，不正确的是（）。

A.   . danger表示危险的动作
B.   . wanning表示警告
C.   . active表示负面的动作
D.   . success表示成功的动作

53. Bootstrap 可以调用类btn- group形成一个按钮组。

54. Boostrap中的情境文本颜色中，. text- danger代表“危险—红”。

55. JavaScript中Math.floor(3.6)的结果是

A.   2
B.   4
C.   5
D.   3

56. JavaScript中，location、history等都是window对象的子对象。

57. 面包屑导航可用于显示当前页面在导航层次结构里的位置。

58. 据2017年8月第40次《中国互联网络发展状况统计报告》的统计结果，截至2017年6月，我国网民占比最多的是使用（）上网的网民。

A.   平板
B.   台式电脑
C.   笔记本电脑
D.   手机

59. 若要对DOM元素节点设置其原本没有的属性，需要先新增属性再设置其值。

60. 在JavaScript中，关于document对象的方法，下列说法正确的是（ ）。

A.   getElementByName()是通过元素name获得元素对象的方法，其返回值为单个对象
B.   getElementbytagname()是通过元素name获得元素对象的方法，其返回值为对象组
C.   getElementbyname()是通过元素ID获得元素对象的方法，其返回值为单个对象
D.   getElementById()是通过元素ID获得元素对象的方法，其返回值为单个对象

61. 弹性布局与流式布局的区别在于，包裹文字的布局元素的尺寸采用em为单位。

62. JavaScript中window对象的clearTimeout(timerID)方法的作用是（ ）。

A.   设置指定的timerID计时器。
B.   取消由方法setInterval设置的指定timerID的计时器。
C.   设置指定的timerID延时器
D.   取消由方法setTimeout设置的指定timerID的延时器。

63. 在Bootstrap 水平表单中，可以把标签label和表单元素显示在同一行。

64. 如果需要在一个表单标签后放置纯文本，可使用class="form-control-static"。

65. Bootstrap中，若为图片添加对（）类的调用，可以让图像显示为圆角矩形。

A.   .img-rounded
B.   .img-responsive
C.   .img-circle
D.   .img-thumbnail

66. Bootstrap中，（）可以设置文本居中对齐。

A.   center
B.   text-center
C.   text-left
D.   text-right

67. 如果在一个页面中，对于一个main的div设置了font-size为5rem，而这个main的div又在另一个container的div中，如果container也有font-size的设置5rem，那么假如当前浏览器默认的字体大小是16px，则在container中和main中的字体大小分别是（）

A.   80px,80px
B.   16px,80px
C.   80px,400px
D.   400px,400px

68. Boostrap中的情境文本颜色中，. text- muted代表“成功——绿”。

69. 要显示输出"Hello!He is my friend."（含双引号），正确的脚本语句是（） 。

A.   ｄocumen
B.  write(' Hello!He is my frien
C.  ')
D.   ｄocumen
E.  write( " Hello!He is my frien
F.  ")
G.   ｄocumen
H.  write(Hello!He is my frien
I.  )
J.   ｄocumen
K.  write('" Hello!He is my frien
L.  " ')

70. 在DOM对象模型中，直接父对象为根对象window的对象中不包括（ ）。

A.   history
B.   document
C.   location
D.   form

71. Bootstrap中，对图像添加对img-responsive类的应用可以（）。

A.   变成圆形
B.   添加边框
C.   获得圆角
D.   支持响应式布局

72. Bootstrap中下列哪个类起徽章的作用？（ ）

A.   jumbotron
B.   thumbnail
C.   page-header
D.   badge

73. Bootstrap 的表单只有成功的验证样式。

74. Bootstrap布局中，col-sm-*定义的是（）。

A.   大型显示尺寸（≥1200px）的设备下显示的
B.   超小设备手机（<768px）下显示的
C.   中型显示设备（≥992px且<1200px）下显示的
D.   小型设备，平板电脑等（≥768px且<992px）下显示的

75. Bootstrap重新定义了HTML中的h1～h6的6级标题。

76. 媒体查询条件中，如果要排除某种设备或情形，可以用关键字（）。

A.   but
B.   not
C.   and
D.   only

77. 以下不属于"自适应”网站的缺点的是（）

A.   大大地增加架构设计的复杂度
B.   可以极大地保证不同环境下的显示效果
C.   在网站维护时需要同时兼顾多个不同版本的网页
D.   维护的工作将会呈几何级数上升

78. 在网格布局中，每个元素可只能占用多个列。

79. 下列哪个是不合法的JavaScript标识符（）

A.   $a
B.   _z
C.   a2
D.   7s

80. 下列关于JavaScript中switch的描述，正确的是（ ）

A.   每个case必须包含break语句
B.   default语句是可以省略的
C.   至少应有一个case字句必须包含break
D.   case语句的数量是有限制的

81. 媒体查询的定义要使用@media关键字所定义的规则。

82. 以下关于Bootstrap中列表排版相关的类，说法不正确的是（）。

A.   . list-unstyled类可用于移除默认样式，即去掉列表前的小黑点
B.   . dl-horizontal类是对列表元素li调用的
C.   . list-inline类可使得列表从垂直排列变为水平排列
D.   . dl-horizontal类可使定义列表水平排列

83. JavaScript脚本程序语句“ｄocument.write(String(12+'abc'))”的输出结果为（) 。

A.   12
B.   abc
C.   NaN
D.   12abc

84. 默认情况下，Bootstrap 中的input、select 和 textarea 等元素可以在一行内显示。

85. 以下关于Bootstrap中列表排版相关的类，说法不正确的是（）。

A.   . list-unstyled类可用于移除默认样式，即去掉列表前的小黑点
B.   . list-inline类可使得列表从垂直排列变为水平排列
C.   . dl-horizontal类是对列表元素li调用的
D.   . dl-horizontal类可使定义列表水平排列

86. 响应式网页不管使用什么设备打开的都是同一个网页。

87. 下面哪个JavaScript中表达式产生的随机数是介于10-20的浮点数（ ）

A.   Mat
B.  random()*10+10
C.   Mat
D.  random()
E.   Mat
F.  random()*10
G.   Mat
H.  random()+100

88. 如果在当前的div main中设置了其字体为5em，而当前div又在另一个div的container中。如果container设置了字体大小的为5em，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（ ），而在main中的字体大小就应该是（ ）。

A.   80px，400px
B.   16px，16px
C.   16px，80px
D.   80px，80px

89. JavaScript中Math.round(3.6)的结果是

A.   2
B.   5
C.   3
D.   4

90. Bootstrap中，list-unstyled类可以让ul（）。

A.   居中对齐
B.   垂直排列
C.   移除列表默认样式
D.   水平排列

91. 在以下这个语句中的viewport表示屏幕的（ ）。 ＜meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"〉

A.   可视区域
B.   指定元素的大小
C.   指定元素的可见大小
D.   总大小

92. Bootstrap中网格中的行定义为.row类 

93. 据2017年8月第40次《中国互联网络发展状况统计报告》的统计结果，截至2017年6月，我国网民占比最多的是使用（）上网的网民。

A.   平板
B.   手机
C.   台式电脑
D.   笔记本电脑

94. 关于JavaScript中的NaN的说法，不正确的是（ ）

A.   通常用于表示一个变量或一个函数的返回值不是属于数值类型
B.   变量已建立，但没有指定初始值时其值为NaN
C.   是JavaScript中专门定义表示特殊运算结果的一个数值量
D.   表示不是数字的结果

95. 响应式网页设计的概念最早是由谷歌提出的。

96. 在JavaScript中要计算2的十次方，下面表达式正确的是（ ）

A.   10^2
B.   Mat
C.  pow(10,2)
D.   2^10
E.   Mat
F.  pow(2,10)

97. 常用媒体特性中，（）定义输出设备中的页面最大可见区域高度及宽度。

A.   min- width，min- height
B.   device- height，device- width
C.   max- height，max- width
D.   min- device- height，min- device- width

98. Bootstrap 中使用内联表单时，可以对表单控件设置一个宽度。

99. JavaScript中应用history对象的back()方法相当于"前进”按钮，forward()方法相当于"后退”按钮。

100. 以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为横向，则页面背景颜色为（）  ｂody { ｂackground-color:silver ; } ＠media only screen and (orientation: landscape) { ｂody { ｂackground-color: lightblue; } } 

A.   银色
B.   浅蓝色
C.   蓝色
D.   红色