响应式Web程序设计【11】

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

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

2. JavaScript中使用下面哪个方法将返回单个对象（ ）

A.   childNodes
B.   getElementById
C.   getElementsByName
D.   getElementsByTagName

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

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

4. Bootstrap中，（）可以设置英文文本首字母大写。

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

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

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

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

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

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

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

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

9. Flex布局比较适合用于小规模的布局，比如应用程序中的组件布局。

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

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

11. ab$是合法的JavaScript标识符。

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

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

13. Bootstrap的情境文本颜色类中，text- primary表示（）。

A.   柔和——灰
B.   信息——蓝
C.   成功——绿
D.   主要——蓝

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

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

15. Bootstrap中，（）类可以让列表ul移除默认样式。

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

16. JavaScript中，如果要返回Date对象d是一周里的第几天（星期几），应使用（ ）

A.  getHours()
B.  getDate()
C.  getDay()
D.  getTime()

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

18. 要使用任何一个JavaScript对象，都必须先用new创建它。

19. Bootstrap中以下代码实现了一个（ ）按钮。＜button type="button" class="close"＞&ｔimes;＜。

A.   关闭
B.   打开
C.   刷新
D.   提交

20. 执行下面JavaScript代码后，如果在输入提示框中输入10并点击确定，显示结果应为（）： ｖar add; ａdd = prompt("请输入加数:",""); ｄocument.write(add+10);

A.   1010
B.   20
C.   NaN
D.   10

21. 下面关于JavaScript中函数的说法不正确的是（ ）

A.   在JavaScript中定义函数时必须指定返回值类型
B.   既可以使用预定义的函数，也可以使用自定义的函数
C.   函数可提高程序的可重用性
D.   对于要重复使用的一段代码，最好将其编写为一个函数

22. 采用Flex布局的网页元素，称为Flex容器（Flex container）。

23. Bootstrap中，span class="caret"可以显示一个（）。

A.   清除按钮
B.   提交按钮
C.   下拉菜单按钮
D.   关闭按钮

24. Bootstrap中的bg- primary表示（）。

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

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

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

26. JavaScript脚本的扩展名为（ ）

A.   css
B.   html
C.   txt
D.   js

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

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

28. Bootstrap中缩略语使用标签< small >定义。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

36. Bootstrap中，使用字体图标要先调用类（）。

A.   container
B.   badge
C.   glyphicon
D.   glyph

37. 如果要获得某个节点的父节点，可以使用parentNode。

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

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

39. 媒体查询条件中，如果要指定只适用于某种设备或情形，可以用关键字（）

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

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

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

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

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

42. Bootstrap中胶囊式导航对应的类是.nav nav-pills。

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

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

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

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

45. css中的1px不一定等于显示设备的1px。

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

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

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

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

48. DOM结构中，属性节点总是被包含在元素节点中。

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

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

50. Bootstrap 中的按钮组只能水平显示。

51. 导入Bootstrap时，jquery-1.11.1.min.js要在bootstrap.min.js文件前先导入。

52. Flex布局也称为弹性布局（flexible box）模块，主要是为了提供一个更有效的方式对容器之间的各项内容进行布局。

53. JavaScript中，如果要返回Date对象d是一周里的第几天（星期几），应使用（ ）

A.  getDay()
B.  getTime()
C.  getDate()
D.  getHours()

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

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

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

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

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

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

57. JavaScript脚本的扩展名为（ ）

A.   html
B.   txt
C.   css
D.   js

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

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

59. 常用媒体特性中，（）定义输出设备中的屏幕最小可见高度及宽度。

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

60. 在Bootstrap中通过调用类. table-hover可（）。

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

61. Bootstrap 是基于HTML 5、CSS 3、JavaScript的。

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

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

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

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

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

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

65. 在导入Bootstrap的网页中对图片添加对.img-responsive 类的调用，可以让图片支持响应式布局。

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

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

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

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

68. 在Bootstrap中， jumbotorn的字体比h1还要大。

69. JavaScript中使用下面哪个方法将返回单个对象（ ）

A.   getElementById
B.   getElementsByTagName
C.   childNodes
D.   getElementsByName

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

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

71. Bootstrap中，关闭按钮调用的类是（）。

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

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

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

73. JavaScript中可输出Number("1abc")的值为（ ）。

A.   1
B.   NaN
C.   null
D.   abc

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

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

75. Bootstrap的情境文本颜色类中，text- success表示（）。

A.   柔和——灰
B.   信息——蓝
C.   成功——绿
D.   主要——蓝

76. Bootstrap中，span class="caret"可以显示一个（）。

A.   清除按钮
B.   关闭按钮
C.   提交按钮
D.   下拉菜单按钮

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

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

78. 如果要求对所有媒体类型都适用，在媒体查询中可以使用all来指代所有支持的媒体类型。

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

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

80. Bootstrap中的bg- primary表示（）。

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

81. JavaScript中下面哪个不可能是运算符typeof的返回值？

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

82. Bootstrap中标签abbr显示（）。

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

83. JavaScript脚本的扩展名为（ ）

A.   css
B.   txt
C.   js
D.   html

84. 默认情况下，导航栏是块级元素。

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

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

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

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

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

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

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

89. Bootstrap 的表单包含了错误、警告和成功消息的验证样式。

90. Bootstrap 中使用输入框组，可以向基于文本的输入框添加作为前缀和后缀的文本或按钮。

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

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

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

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

93. 固定布局下，网页容器的宽度一般以（ ）为单位。

A.   厘米
B.   像素
C.   rem或em
D.   百分比

94. 面包屑导航可以用于在网页中显示类别、标签等内容。

95. window对象在BOM层次中最上层。

96. Bootstrap中，调用jumbotornd时（）。

A.   直接对图像调用
B.   需要先创建一个div，在这个div调用
C.   对h1调用
D.   直接对文字调用

97. Bootstrap 中添加了class .form-inline的表单是垂直显示的。

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

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

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

100. 下面关于JavaScript中函数的说法不正确的是（ ）

A.   对于要重复使用的一段代码，最好将其编写为一个函数
B.   既可以使用预定义的函数，也可以使用自定义的函数
C.   函数可提高程序的可重用性
D.   在JavaScript中定义函数时必须指定返回值类型