响应式Web程序设计【15】

答案：微信搜索【电大题酷】小程序

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

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

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

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

3. Bootstrap的导航栏不能动态定位。

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

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

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

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

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

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

7. JavaScript中disabled属性可用于文本框，也可用于单选按钮、复选按钮等。

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

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

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

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

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

11. Flex布局现已进入CSS 3标准。

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

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

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

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

14. Bootstrap中，（）可以设置文本靠右对齐。

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

15. .col-md- 是Bootstrap的一种网格系统类。

16. JavaScript中可以用关键字来做标识符。

17. Math对象的方法可以直接通过Math对象调用。

18. 固定布局的缺点不包括（）

A. 如果设备的屏幕宽度小于固定布局的宽度，将会在浏览器底部出现一个滚动条
B. 不能精确地控制每个网页元素所在的具体位置
C. 可能会带来不太好的用户体验
D. 如果设备的屏幕宽度大于固定布局的宽度，网页的边缘会出现一些空白

19. JavaScript中for...in的作用是（）

A. 访问对象中指定的属性
B. 新建对象
C. 删除对象属性
D. 遍历对象的属性

20. 响应式网页的核心思想，在于“ 一次设计，普遍适用”。

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

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

22. 网格系统，也称为栅格系统，是通过一系列的行（row）与列（column）的组合来进行网页布局。

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

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

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

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

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

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

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

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

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

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

28. Bootstrap中，通过对表格调用类（）可以让＜tbody>下的表格悬停鼠标指针实现背景效果。

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

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

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

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

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

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

32. 下列关于JavaScript的描述，不正确的是（）。

A. JavaScript是一种脚本语言，不需要编译
B. IE、Opera等多种浏览器都支持JavaScript
C. JavaScript也可以简写为JSP
D. JavaScript既可以在客户端执行，也可以在服务器端执行

33. Bootstrap中的bg- success表示（）。

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

34. Math对象的属性是一些常用的数学常量。

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

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

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

37. "自适应”网站在网站维护时可能需要同时兼顾多个不同版本的网页，维护的工作将会呈几何级数上升。

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

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

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

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

40. Flex布局和CSS Grid现都已进入CSS 3标准。

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

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

42. IE 6支持媒体查询的定义所使用的@media定义的规则。

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

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

44. Bootstrap中，可通过.navbar-fixed-top把导航栏始终固定在页面底部。

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

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

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

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

47. window、frames、navigator等顶级对象产生于浏览器载入文档至关闭期间的不同阶段。

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

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

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

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

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

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

51. 如果在JavaScript程序中单选按钮组中要设置某个选项默认被选中，则应设置其（）的值为true。

A. text
B. length
C. checked
D. value

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

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

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

54. JavaScript中的数组元素可以直接通过其索引来访问。

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

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

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

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

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

A. 有边框的表格
B. 条纹状表格
C. 响应式表格
D. 指针悬停表格

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

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

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

60. Bootstrap的网格系统中， .col-md-类是针对中型显示设备，屏幕宽度大于等于992px小于1200px的。

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

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

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

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

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

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

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

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

65. 文本节点可能有其子节点。

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

67. Bootstrap 中为了添加一个占用整个宽度的内容块，可在input元素后插入一个class="help-block"的块级元素。

68. ｄocument.write()语句用于（）。

A. 在浏览器窗口中输出指定内容
B. 在HTML文档载入时调用程序
C. 在浏览器标题栏输出指定内容
D. 关闭浏览器窗口

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

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

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

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

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

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

72. 在Bootstrap中，网格布局的容器不需要定义为.container 类。

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

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

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

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

75. 盒模型的布局方式可通过display等属性控制。

76. 下面哪个不属于JavaScript的优点（）。

A. 便于移植
B. 多线程运行
C. 跨平台
D. 开发简单

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

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

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

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

79. JavaScript表达式'400'-100的值为（）

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

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

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

81. 如果某个ＤＯＭ节点没有对应的属性，则值为（）

A. NaN
B. undefined
C. null
D. error

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

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

83. Bootstrap中，jumbotorn可以（）。

A. 显示下标
B. 显示上标
C. 显示超大字体
D. 显示超小字体

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

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

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

86. JavaScript中的onfocus事件不能用于下面哪种元素（）

A. 图像
B. 下拉窗口
C. 浏览器窗口
D. 文本框

87. Bootstrap 中可以通过调用active和disable定义按钮的激活及禁用状态。

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

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

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

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

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

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

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

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

92. DOM下，可通过document.nodeType返回节点类型。

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

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

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

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

95. location对象保存正在浏览文档的位置及协议、端口、路径等构成信息

96. 在Bootstrap网格布局中，如果不希望相邻的两个列紧靠在一起，可以用列偏移（offset）属性来实现。

97. 在Bootstrap中，pull可以用来调整列的排列顺序。

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

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

99. Boostrap中使用text-lowercase可以让英文字体全大写。

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

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

响应式Web程序设计【15】相关推荐

基于php响应式网站毕业论文,基于html5与css3的响应式web页面设计与实现.docx
内容摘要:随着现代社会的不断发展,人们的需求不断变化,不断的创新才能更好的满足人们的需求.从智能设备的出现,到如今不过短短十年,设备尺寸的多样化,传统的网页设计已不能满足现如今多样化的设备通用需求.如 ...
【Spring 5】响应式Web框架实战（下）
- [Spring 5]响应式Web框架前瞻 - 响应式编程总览 - [Spring 5]响应式Web框架实战(上) 1 回顾上篇介绍了如何使用Spring MVC注解实现一个响应式Web应用( ...
【Spring 5】响应式Web框架实战（上）
前情概要: - [Spring 5]响应式Web框架前瞻 - 响应式编程总览 1 回顾通过前两篇的介绍,相信你对响应式编程和Spring 5已经有了一个初步的了解.下面我将以一个简单的Sprin ...
【Spring 5】响应式Web框架前瞻
1 响应式宣言和敏捷宣言一样,说起响应式编程,必先提到响应式宣言. We want systems that are Responsive, Resilient, Elastic and Messa ...
【转发】响应式Web设计？怎样进行？
什么是响应式Web设计?怎样进行? 眼下,几乎每个新客户都希望他们的网站可以有专门的移动设备版本.最完美的情况呐,就是为iPhone.iPad.黑莓.Kindle-各自打造一款--页面分辨率还必须兼容 ...
适用响应式 Web UI 框架
1. Bootstrap Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格 ...
响应式Web设计：HTML5和CSS3实战读书笔记
响应式Web设计:HTML5和CSS3实战 Responsive Web Design with HTML5 and CSS3 By : Pandao pandao####vip.qq.com ...
分享29个超赞的响应式Web设计
原文自:http://www.csdn.net/article/2013-01-16/2813678-responsive-design-websites 最近几年,响应式Web设计不断印入人们眼帘, ...
《响应式Web图形设计》一1.4　布置页面内容
本节书摘来异步社区<响应式Web图形设计>一书中的第1章,第1.4节,作者: [美]Christopher Schmitt 译者: 曾斌责编: 赵轩,更多章节内容可以访问云栖社区&quo ...

响应式Web程序设计【15】

响应式Web程序设计【15】相关推荐

最新文章

热门文章