响应式Web程序设计【16】

1. JavaScript中document对象的getElementById的方法是通过元素节点的（）获取并访问对象。

A.   class属性
B.   name属性
C.   id属性
D.   标签

2. Bootstrap中可实现各种形式的导航栏。

3. ＜blockquote＞默认居左显示，也可以通过设置类. blockquote-reverse或者. pull-right使引用文本居右。

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

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

5. 固定布局的特点不包括（）

A.   提供了很强的稳定性与可控性
B.   每个网页元素的大小定义都必须指定固定的像素值
C.   对任何设备都可以提供很好的浏览体验
D.   可以精确地控制每个元素所在的网页中的具体位置

6. Bootstrap中，list-inline类可以让ul的列表项（）。

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

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

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

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

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

9. Bootstrap的导航栏中也可以添加表单元素或字符串等。

10. 在Bootstrap 水平表单中，标签label和表单元素不显示在同一行。。

11. Bootstrap中，span class="badge"表示显示一个（）。

A.   徽章
B.   浏览器窗口
C.   标签
D.   对话框

12. meta语句中的viewport表示屏幕的总大小。

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

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

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

15. Bootstrap 的按钮组不允许多个按钮被堆叠在同一行上。

16. Bootstrap是一个免费、开源的前端开发框架，使用Bootstrap可以方便、快速地实现响应式网页的开发。

17. 下列JavaScript的DOM对象方法中，（ ）用于复制节点。

A.   removeChild
B.   insertBefore
C.   cloneNode
D.   appendChild

18. 下列关于JavaScript数据类型的说法，不正确的是（ ）

A.   JavaScript中的整型数据和浮点型数据是严格区分的
B.   JavaScript中字符串类型采用的国际字符集Unicode
C.   JavaScript中的变量可以具有多种数据类型，根据程序动态运行情况决定
D.   JavaScript中的整型长度与是计算机的执行环节和操作系统无关

19. 下列关于JavaScript数据类型的说法，不正确的是（ ）

A.   JavaScript中的整型数据和浮点型数据是严格区分的
B.   JavaScript中的变量可以具有多种数据类型，根据程序动态运行情况决定
C.   JavaScript中字符串类型采用的国际字符集Unicode
D.   JavaScript中的整型长度与是计算机的执行环节和操作系统无关

20. JavaScript中document对象的getElementByTagName的方法是通过元素节点的（）获取并访问对象。

A.   class属性
B.   id属性
C.   name属性
D.   标签

21. Bootstrap的网格系统中， .col-xs-类是针对小屏幕设备，即屏幕宽度小于768px的。

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

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

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

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

24. JavaScript中的数组下标从1开始。

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

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

26. Bootstrap中标签式导航对应的类是.nav nav-pills。

27. 制作网页上的浮动广告时，需要定义一个函数，实现浮动广告层随滚动条滚动的效果，假如已经定义好了这个名为move的函数，那么最后需要做的是（ ）。

A.   捕获窗口的windo
B.  onscroll事件，调用move函数
C.   捕获文档的documen
D.  onload事件，调用move函数
E.   捕获窗口的windo
F.  onload事件，调用move函数
G.   捕获文档的documen
H.  onscroll事件，调用move函数

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

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

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

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

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

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

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

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

32. 单选题::Bootstrap的网格系统类中，（）是对应于中等屏幕宽度(大于等于992px且小于1200px)的设备。

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

33. JavaScript程序在使用前需先经过编译。

34. "自适应”网站强调的是让同一个地址的同一个网页自动地去适应不同的显示环境。

35. Bootstrap中，dl-horizontal类可以（）。

A.   让定义列表的列表项垂直排列
B.   让ul的列表项垂直排列
C.   让ul的列表项水平排列
D.   让定义列表的列表项水平排列

36. 要显示输出"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.  )

37. 以下语句表示当屏幕的宽度大于等于1200px时，图像宽度将显示为（ ）。 ＜img src="img/1_1280.jpg" sizes="(min-width:1200px) calc(43vw), 50vw"/>

A.   当前图像原始大小的43%
B.   43px
C.   当前屏幕宽度的43%
D.   当前图像原始宽度的43%

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

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

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

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

40. JavaScript中parseInt(12a)及Number(12a)的值，分别是（ ）

A.   Na
B. NaN
C.   Na
D. 12
E.   12,12
F.   12,NaN

41. Bootstrap 中添加了class="form-horizontal"的表单是水平表单。

42. Boostrap中的情境文本颜色中，. text- success 代表“柔和——灰”。

43. 下列JavaScript的DOM对象方法中，（ ）用于删除节点。

A.   appendChild
B.   removeChild
C.   cloneNode
D.   insertBefore

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

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

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

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

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

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

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

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

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

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

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

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

50. JavaScript中String对象的split方法用于（）。

A.   将字符串的小写字母转换成大写
B.   提取子字符串
C.   将字符串的大写字母转换成小写
D.   分隔字符串

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

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

52. meta语句中的initial- scale用于设置页面的初始缩放值 。

53. Bootstrap中，text-capitalize可以设置英文文本（）。

A.   全大写
B.   首字母大写
C.   全小写
D.   大小写不变

54. 通过对表格调用Bootstrap中的类（ ）可实现条纹状表格效果。

A.   table-striped
B.   table
C.   table-hover
D.   table-response

55. typeof(12)的值为（ ）

A.   boolean
B.   number
C.   string
D.   object

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

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

57. Bootstrap中标签blackquote显示（）。

A.   引用文本
B.   大写文本
C.   缩略语
D.   地址文本

58. 以下语句使用了srcset属性根据屏幕的（ ）来匹配显示的图像。 ＜img srcset =“img /1_1280.jpg 3x,img/1_640.jpg 2x,img/1_320.jpg 1x”/＞

A.   像素密度
B.   高度
C.   颜色位数
D.   宽度

59. 媒体查询特性中，（）定义输出设备中的屏幕方向。

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

60. 根据以下语句，如果当前屏幕尺寸不超过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.   以上均不能匹配
B.   1_640.jpg
C.   1_1280.jpg
D.   1_320.jpg

61. typeof('s'))的值为（ ）

A.   object
B.   string
C.   boolean
D.   number

62. 当打开浏览器窗口时，将创建window对象的实例。

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

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

64. JavaScript中String对象的split方法用于（）。

A.   提取子字符串
B.   将字符串的大写字母转换成小写
C.   将字符串的小写字母转换成大写
D.   分隔字符串

65. Bootstrap网页中可以使用 .center-block 类使图片水平居中显示。

66. 实现类似浏览器的前进功能，可使用history对象的（）方法。

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

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

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

68. 要输出一行加粗的文字"你好”，应使用的JavaScript语句应为（ ）

A.   ｄocumen
B.  write(你好);
C.   ｄocumen
D.  write('＜br＞你好');
E.   ｄocumen
F.  write('＜p＞你好＜/p＞');
G.   ｄocumen
H.  write('你好');

69. 网页文档只可能包含一个window对象。

70. .col-xs- 是Bootstrap的一种网格系统类。

71. 下列关于JavaScript数据类型的说法，不正确的是（ ）

A.   JavaScript中的整型长度与是计算机的执行环节和操作系统无关
B.   JavaScript中的变量可以具有多种数据类型，根据程序动态运行情况决定
C.   JavaScript中的整型数据和浮点型数据是严格区分的
D.   JavaScript中字符串类型采用的国际字符集Unicode

72. Bootstrap中下拉菜单的弹出方式不可改变。

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

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

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

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

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

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

76. 表达式101+'abc'的结果是101abc。

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

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

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

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

79. 单选题::Bootstrap的网格系统类中，（）是对应于中等屏幕宽度(大于等于992px且小于1200px)的设备。

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

80. 若字符串mystring的值是"I am a student"，则JavaScript代码mystring.ｃharAt(9)的输出结果是（ ）。

A.   I an a st
B.   t
C.   u
D.   udent

81. Boostrap中使用徽章的类是badge 。

82. 混合式布局所有元素的所有宽度属性都是以像素定义的。

83. JavaScript函数返回值类型可能因其执行情况的不同而不同。

84. Bootstrap中标签式导航对应的类是.nav nav-tabs。

85. JavaScript中下面（）方法用于设置节点的属性为特定的值。

A.   removeAttribute
B.   getAttribute
C.   setAttribute
D.   createAttribute

86. Math对象的属性和方法都是静态的。

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

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

88. Bootstrap布局中，网格中的行的类是（）。

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

89. 以下语句表示当屏幕的宽度大于等于1200px时，图像宽度将显示为（ ）。 ＜img src="img/1_1280.jpg" sizes="(min-width:1200px) calc(43vw), 50vw"/>

A.   当前图像原始大小的43%
B.   当前屏幕宽度的43%
C.   当前图像原始宽度的43%
D.   43px

90. Bootstrap中，可以对图像添加对（）类的应用添加一些内边距和边框使其呈现缩略图的形式。

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

91. 固定布局中所有元素的所有宽度属性都是以百分比定义的。

92. 实现类似浏览器的前进功能，可使用history对象的（）方法。

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

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

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

94. Bootstrap提供了丰富的表格样式供开发者使用。

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

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

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

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

97. 响应式网页开发只能通过弹性布局实现。

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

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

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

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

100. Bootstrap中，span class="badge"表示显示一个（）。

A.   标签
B.   对话框
C.   徽章
D.   浏览器窗口