响应式Web程序设计【9】

1. BOM中，window对象包含调整窗口、新建窗口、关闭窗口等操作。（1.5 分）

A. 正确
B. 错误

2. JavaScript中的数组下标从0开始。（1.5 分）

A. 正确
B. 错误

3. 在Bootstrap网格布局页面中，具体内容的页面元素应当放置在列容器（.column）内。（1.5 分）

A. 正确
B. 错误

4. 在Bootstrap中对列表使用（）类可使定义列表水平排列。（2 分）

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

5. Bootstrap的网格布局系统中，如果一个容器有一个属性是sm-pull-4，表示（ ）。（2 分）

A. 宽度4列
B. 向右偏移4列
C. 向左浮动4列
D. 向右浮动4列

6. Flex布局和CSS Grid现都已进入CSS 3标准。（1.5 分）

A. 正确
B. 错误

7. Bootstrap中，若为图片添加对（）类的调用，可以让图片支持响应式布局。（2 分）

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

8. 媒体查询条件中，如果要指定适用于多种情形，可以用关键字（）来连接。（2 分）

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

9. 计算PI的5次方，并四舍五入取整，正确的JavaScript表达式为（ ）（2 分）

A. Math.floor(Math.pow(Math.P
B. 5))
C. Math.round(Math.pow(Math.PI(),5))
D. Math.round(Math.pow(Math.P
E. 5))
F. Math.floor(Math.pow(Math.PI(),5))

10. 绑定页面元素事件前可通过document.getElementById先获取要操纵的元素。（1 分）

A. 正确
B. 错误

11. 在Bootstrap中如果要设置文本靠右对齐，可使用（）类。。（2 分）

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

12. JavaScript中当窗口或页面元素失去焦点时将触发onblur事件。（1 分）

A. 正确
B. 错误

13. 响应式网页设计最主要的动机是"如何使得页面布局适应任何的浏览窗口”。（1.5 分）

A. 正确
B. 错误

14. Bootstrap的网格系统中， .col-lg-类是针对大屏幕设备，即屏幕宽度大于等于1200px。（1 分）

A. 正确
B. 错误

15. Bootstrap提供的图片应用的简单样式class不包括（）。（2 分）

A. .img-rounded
B. .img-circle
C. .img-thumbnail
D. .table-triple

16. 网页文档只可能包含一个window对象。（1 分）

A. 正确
B. 错误

17. 响应式图像的匹配可根据（）（2 分）

A. 屏幕像素密度
B. 屏幕宽度
C. 屏幕显示方向
D. 屏幕高度

18. 响应式网页设计最主要的动机是"如何使得页面布局适应任何的浏览窗口”。（1 分）

A. 正确
B. 错误

19. 在Bootstrap中对列表使用（）类可使列表项li从垂直排列变为水平排列（2 分）

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

20. DOM下，可通过document.nodeType返回节点类型。（1 分）

A. 正确
B. 错误

21. 自适应网页可能使得维护的工作将呈几何级数上升，还会大大地增加架构设计的复杂度。（1 分）

A. 正确
B. 错误

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

A. 正确
B. 错误

23. Bootstrap网页中可以使用 .center-block 类使图片水平居中显示。（1 分）

A. 正确
B. 错误

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

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

25. Bootstrap中可对图像调用类.img-circle使得图像显示为圆角矩形。（1.5 分）

A. 正确
B. 错误

26. 媒体查询特性中，orientation定义输出设备中的显示方向。（1 分）

A. 正确
B. 错误

27. 其实在CSS2中，就已经可以根据媒体类型获得不同的CSS支持。（1.5 分）

A. 正确
B. 错误

28. Bootstrap网格布局中，网格布局的容器必须先定义为.container类。（1.5 分）

A. 正确
B. 错误

29. ab$是合法的JavaScript标识符。（1 分）

A. 正确
B. 错误

30. Bootstrap提供了丰富的表格样式供开发者使用。（1.5 分）

A. 正确
B. 错误

31. JavaScript没有强制要求每条语句后添加分号作为结束，因此即使一个JavaScript语句后没有添加分号也不会影响该语句的执行。（1 分）

A. 正确
B. 错误

32. JavaScript中的NaN是JavaScript中专门定义表示特殊运算结果的一个数值量。（1 分）

A. 正确
B. 错误

33. Bootstrap提供了丰富的表格样式供开发者使用。（1 分）

A. 正确
B. 错误

34. 在Bootstrap网格系统中，浏览器会随着屏幕的大小的增减自动分为最多12列，通过一系列的行（row）与列（column）的组合来创建页面布局。（1 分）

A. 正确
B. 错误

35. 在Bootstrap中，利用（）类还可以增加标题的大小，显示比h1标题更大的字体。（2 分）

A. h2
B. mark
C. jumbotorn
D. lead

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

A. ｄocument.write( " Hello!He is my friend.")
B. ｄocument.write(' Hello!He is my friend.')
C. ｄocument.write(Hello!He is my friend.)
D. ｄocument.write('" Hello!He is my friend." ')

37. JavaScript表达式'400'-100的值为（ ）（2 分）

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

38. Math对象的属性是一些常用的数学常量。（1 分）

A. 正确
B. 错误

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

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

40. 媒体查询特性中，orientation定义输出设备中的显示方向。

41. 响应式网页时，在开发时一般"以（）优先”。

A.   笔记本电脑
B.   台式电脑
C.   大屏幕设备
D.   移动设备

42. JavaScript中clearTimeout(timerID)取消由方法setInterval设置的指定timerID的计时器。

43. Math对象的属性在使用前要先创建对象实例。

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

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

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

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

46. JavaScript表达式的值为400的是（ ）

A.   "400"-0
B.   300+"100"
C.   "300"-100
D.   "300"+100

47. Math对象的属性与方法均可以直接使用，而不用创建对象实例。

48. 在Boot中使用徽章只需要把 span class="（）" 添加到链接。

A.   badge
B.   glyphicon
C.   nav
D.   pre

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

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

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

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

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

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

52. Bootstrap 中如果需要创建一个表单，其元素并排显示的，可向form标签添加class .form-inline。

53. 响应式网页设计可只使用传统固定布局的方式实现。

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

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

55. Bootstrap中的单选按钮组默认是在一行显示的。

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

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

57. 如果一个网站在不同的环境下跳转到不同的网址，那么这个网站（ ）

A.   是响应式的
B.   更新和维护时相对容易
C.   是固定布局的
D.   是自适应的

58. 如果直接使用默认的Bootstrap样式，则不需要调用以下的（）文件。。

A.   bootstra
B.  mi
C.  css
D.   bootstra
E.  mi
F.  html
G.   jquery-1.11.1.mi
H.  js
I.   bootstra
J.  mi
K.  js

59. 响应式网页的核心思想，在于（）

A.   普遍适用
B.   多个网页
C.   一次设计，普遍适用
D.   多个网页，普遍适用

60. Bootstrap中，使用字体图标“搜索”对应的类是“glyphicon-search”，则使用这个字体图标完整的类的调用应该是（）。

A.   glyphicon glyphicon-search
B.   glyphicon
C.   search
D.   glyphicon-search

61. Bootstrap布局中，最外层的容器的类是（）。

A.   row
B.   col
C.   table
D.   container

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

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

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

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

64. Bootstrap布局中，最外层的容器的类是（）。

A.   table
B.   col
C.   row
D.   container

65. 响应式网页时，在开发时一般"以（）优先”。

A.   台式电脑
B.   笔记本电脑
C.   大屏幕设备
D.   移动设备

66. ＜link rel="stylesheet" type="text/css" href="site.css" media="print" /＞这个语句表示在（ ）内容的显示。

A.   触摸设备
B.   打印预览下
C.   移动设备上
D.   屏幕上

67. 在Bootstrap中，网格布局列数之和不能超过（）。

A.   10
B.   11
C.   12
D.   9

68. 媒体查询条件中，如果要指定适用于多个条件，可以用关键字all来连接。

69. ＜link rel="stylesheet" type="text/css" href="site.css" media="print" /＞这个语句表示在（ ）内容的显示。

A.   屏幕上
B.   触摸设备
C.   打印预览下
D.   移动设备上

70. 流式布局与固定布局的最大不同点在于定义网页布局元素宽度时使用（）。

A.   像素
B.   厘米
C.   百分比
D.   相对大小单位

71. 响应式网页时，在开发时网页设计一般"以台式机优先”。

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

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

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

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

74. Bootstrap中，通过对表格调用类（）可实现响应式表格。

A.   .table-hover
B.   .table-condensed
C.   .table-striped
D.   .table-responsive

75. JavaScript中的方法removeAttribute用于（ )

A.   创建任意元素节点指定的属性
B.   删除任意元素节点指定的属性
C.   返回任意元素节点指定的属性
D.   设置任意元素节点指定的属性

76. Bootstrap中，对图像添加对center-block类的应用可以（）。

A.   居中显示
B.   获得圆角
C.   添加边框
D.   变成圆形

77. 以下关于JavaScript的函数，说法不正确的是（ ）

A.   函数定义时需声明其是否有返回值
B.   函数返回值类型可能因其执行情况的不同而不同
C.   函数定义时只需列出参数表，不需给出参数的类型
D.   函数体内也可以调用已定义的函数

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

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

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

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

80. 若有以下语句，则若当前屏幕宽度为960px，则图像宽度将显示为（） ＜img src="img/1_1280.jpg" sizes="(min-width:1200px) calc(43vw), 50vw"/＞。

A.   516px
B.   当前屏幕宽度的43%
C.   50px
D.   500px

81. Bootstrap中，text-center可以设置文本（）对齐。

A.   居中
B.   靠左
C.   随文字
D.   靠右

82. Bootstrap中，（）可以设置英文文本全小写。

A.   text-uppercase
B.   text-lowercase
C.   text-center
D.   text-capitalize

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

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

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

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

85. prompt语句返回的值的类型默认是字符串类型。

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

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

87. JavaScript中的NaN表示不是数字的结果。

88. 根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（ ）这个图像。 ＜img src=“img /img/1_1280.jpg” srcset =“img/1_1280.jpg 1280w, img/1_640.jpg 640w,img/1_320.jpg 320w”/＞

A.   1_1280.jpg
B.   1_320.jpg
C.   以上均不能匹配
D.   1_640.jpg

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

A.   a$c
B.   12$
C.   7_s
D.   3+s

90. 下面关于JavaScript中Math对象的使用，不正确的是（ ）。

A.   Math对象的方法可以直接调用
B.   Math对象的属性是一些常用的数学常量
C.   Math对象也可以创建实例
D.   Math对象的属性和方法都是静态的

91. 下面哪个不属于DOM的节点类型（ ）

A.   元素
B.   属性
C.   文本
D.   窗口

92. 在Bootstrap中，网格布局列数之和不能超过（）。

A.   12
B.   10
C.   11
D.   9

93. 关于JavaScript中的history对象，以下的说法不正确的是（）。

A.   history对象也是window对象的子对象
B.   history对象的方法可模拟浏览器的前进、后退等操作
C.   history对象主要用于跟踪浏览器最近访问的历史URL地址列表
D.   history对象可以读出浏览器所有历史URL

94. 响应式网页设计最主要的动机是"如何使得页面布局适应任何的浏览窗口”。

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

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

96. 如果要设置函数tick()每隔5秒执行一次，则正确的代码应为（）

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

97. Boostrap中的情境文本颜色中，. text- warning 代表“警告——黄”

98. 导入Bootstrap后网页中的元素都自动是响应式的，不需要调用其他类。

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

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

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

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