【广开搜题】广开 响应式Web程序设计期末考试押题试卷标准答案

广东开放大学 形成性考核 平时作业 参考答案 标准答案

关注【广开搜题】微信公众号 发送题目获取标准答案

单项选择题

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

A、.table-hover

B、.table-responsive

C、.table-condensed

D、table-striped

2、Bootstrap的网格系统类中，（）是对应于超小屏幕宽度(<768px)的设备。（2 分）

A、.col-xs-

B、.col-sm-

C、.col-md-

D、.col-lg-

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

A、.img-rounded

B、.img-responsive

C、.img-circle

D、.img-thumbnail

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

A、16px，16px

B、16px，80px

C、80px，80px

D、80px，400px

5、JavaScript中通过数组的（）属性可获取其当前长度。（2 分）

A、name

B、id

C、length

D、prototype

6、下列哪个是不合法的JavaScript标识符（）（2 分）

A、7s

B、$a

C、_z

D、a2

7、JavaScript中String对象的split方法用于（）。（2 分）

A、将字符串的小写字母转换成大写

B、将字符串的大写字母转换成小写

C、分隔字符串

D、提取子字符串

8、媒体查询特性中，（）定义输出设备中的屏幕方向。（2 分）

A、device- height

B、device- width

C、orientation

D、resolution

9、要通过JavaScript获取表单中指定元素的个数，通常使用（）属性（2 分）

A、select

B、value

C、elements

D、length

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

A、宽度4列

B、向右偏移4列

C、向左浮动4列

D、向右浮动4列

11、如果要求对所有媒体类型都适用，可以使用（ ）来指代所有支持的媒体类型。（2 分）

A、not

B、only

C、all

D、but

12、下面哪个JavaScript中表达式产生的随机数是介于0-100的浮点数（ ）（2 分）

A、Math.random()

B、Math.random()*100

C、Math.random()/100

D、Math.random()+100

13、以下关于媒体查询的说法，不正确的是（）。（2 分）

A、让CSS能更精确地作用于不同的媒体类型和同一媒体的不同条件

B、为一些特定的输出设备定制特定的显示效果

C、为不同终端的用户都能提供较好的浏览体验

D、为不同终端的用户实现不同跳转

14、Bootstrap中下列哪个类起巨幕显示的作用？（ ）（2 分）

A、page-header

B、jumbotron

C、badge

D、thumbnail

15、JavaScript中Math.round(3.6)的结果是( )（2 分）

A、2

B、3

C、4

D、5

16、以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为横向，则页面背景颜色为（） 

ｂody { ｂackground-color:silver ; } ＠media only screen and (orientation: landscape) { ｂody { ｂackground-color: lightblue; } } 

（2 分）

A、银色

B、红色

C、蓝色

D、浅蓝色

17、如果一个网站在不同的环境下跳转到不同的网址，那么这个网站（ ）（2 分）

A、是响应式的

B、是固定布局的

C、是自适应的

D、更新和维护时相对容易

18、下面哪个不属于JavaScript的优点（ ）。（2 分）

A、跨平台

B、开发简单

C、多线程运行

D、便于移植

19、JavaScript中Math.ceil(2.6)的结果是( )（2 分）

A、2

B、3

C、4

D、5

20、下列关于JavaScript中switch的描述，正确的是（ ）（2 分）

A、default语句是可以省略的

B、每个case必须包含break语句

C、至少应有一个case字句必须包含break

D、case语句的数量是有限制的

21、要后退到之前的页面，可用使用BOM的history对象的（）方法。（2 分）

A、back()

B、forward()

C、go()

D、assign()

22、下列JavaScript的DOM对象方法中，（ ）用于删除节点。（2 分）

A、appendChild

B、insertBefore

C、removeChild

D、cloneNode

23、Bootstrap中，通过对表格调用类（）可实现响应式表格。（2 分）

A、.table-hover

B、.table-responsive

C、.table-condensed

D、.table-striped

24、JavaScript中可输出Number("1abc")的值为（ ）。（2 分）

A、abc

B、1

C、NaN

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

A、bootstrap.min.css

B、jquery-1.11.1.min.js

C、bootstrap.min.js

D、bootstrap.min.html

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

A、value

B、length

C、checked

D、text

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

A、.img-rounded

B、.img-circle

C、.img-thumbnail

D、.table-triple

28、JavaScript中以下结果为3的是（）（2 分）

A、Math.round(3.5)

B、Math.round(2.5)

C、Math.ceil(3.5)

D、Math.floor(4.5)

29、要通过JavaScript获取表单中指定元素的个数，通常使用（）属性。（2 分）

A、select

B、value

C、elements

D、length

30、JavaScript中函数的定义使用关键字（ ）（2 分）

A、var

B、function

C、object

D、new

多项选择题

31、媒体查询条件的组合可使用（）来定义。（2 分）

A、all

B、only

C、not

D、and

32、"自适应”网站的缺点在于（）（2 分）

A、可以极大地保证不同环境下的显示效果

B、在网站维护时需要同时兼顾多个不同版本的网页

C、维护的工作将会呈几何级数上升

D、大大地增加架构设计的复杂度

33、要使浏览器返回前一个页面，可以使用BOM中history对象的（）语句。（2 分）

A、history.back()

B、history.forward()

C、history.go(-1)

D、history.assign(-1)

34、对于响应式的网站的说法，正确的有（）（2 分）

A、强调的是让同一个地址的同一个网页自动地去适应不同的显示环境

B、其核心思想在于"一次设计，普遍适用”

C、响应式的网页不管使用什么设备，打开及显示的都是同一个地址、同一个网页

D、响应式网页对不同的使用环境可做出相应的自动调整，从而造成网页的布局和内容展示在不同环境下时可能会有所不同。

35、媒体查询中可用于定义输出设备屏幕或页面可见高度的特性有（）（2 分）

A、device- height

B、max- height

C、max- device- height

D、min- device- height

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

正确

错误

37、Flex布局比较适合用于小规模的布局，比如应用程序中的组件布局。（1 分）

正确

错误

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

正确

错误

39、响应式网页设计已经成为当今网页开发技术的新潮流。（1 分）

正确

错误

40、如果要获得某个节点的父节点，可以使用parentNode。（1 分）

正确

错误

41、当打开浏览器窗口时，将创建window对象的实例。（1 分）

正确

错误

42、目前的移动设备和主流浏览器中支持Bootstrap的很少。（1 分）

正确

错误

43、网格系统（或称栅栏系统）其实是属于流式布局的。（1 分）

正确

错误

44、导入Bootstrap时，jquery-1.11.1.min.js要在bootstrap.min.js文件前先导入。（1 分）

正确

错误

45、在Bootstrap网页中调用类.table-striped时不需要先调用类.table。（1 分）

正确

错误

46、Math对象的属性和方法都是静态的。（1 分）

正确

错误

47、IE 6.0支持媒体查询。（1 分）

正确

错误

48、要使用任何一个JavaScript对象，都必须先用new创建它。（1 分）

正确

错误

49、表达式101+'abc'的结果是NaN。（1 分）

正确

错误

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

正确

错误

51、如果对预定义的Bootstrap样式没有改动只是直接调用，在部署网站的时候调用压缩版就可以了。（1 分）

正确

错误

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

正确

错误

53、JavaScript函数定义时需给出参数的类型。（1 分）

正确

错误

54、当用户旋转屏幕时，纵向和横向查看的屏幕尺寸会有差异，传统固定布局的方式已经无法满足这种浏览需求了。（1 分）

正确

错误

55、当元素失去焦点时是触发onselect事件。（1 分）

正确

错误

56、响应式网页设计的概念最早是由谷歌提出的。（1 分）

正确

错误

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

正确

错误

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

正确

错误

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

正确

错误

60、Flex布局现已进入CSS 3标准。（1 分）

正确

错误

61、

JavaScript也可以简写为JSP

（1 分）

正确

错误

62、Flex布局和CSS Grid现都已进入CSS 3标准。（1 分）

正确

错误

63、JavaScript中的数组元素可以直接通过其索引来访问。（1 分）

正确

错误

64、

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

（1 分）

正确

错误

65、history对象主要用于跟踪浏览器最近访问的历史URL地址列表。（1 分）

正确

错误