ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

响应式Web程序设计【14】

2022-01-20 23:02:49  阅读:277  来源: 互联网

标签:Web JavaScript 14 img text Bootstrap jpg 程序设计 Mat


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

1. 媒体查询特性中,()定义输出设备中的分辨率。

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

2. 媒体查询特性中,()定义输出设备中的屏幕方向。

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

3. 在Bootstrap中通过调用类. table-hover可()。

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

4. 要通过JavaScript获取表单中指定元素的个数,通常使用()属性。

A.   select
B.   value
C.   length
D.   elements

5. Bootstrap 需要为页面内容包裹一个.container或.container-fluid容器。

6. JavaScript中使用getElementsByTagName方法可返回文档中指定标签的所有元素组成的对象数组,要获取数组的长度可通过其length属性。

7. 关于JavaScript中的NaN的说法,不正确的是( )

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

8. Bootstrap中标签abbr显示()。

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

9. 响应式网页往往包含多个()语句,用于适配不同的显示条件。

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

10. JavaScript代码“getElementsByTagName("p")”获取到的是( )

A.   文本为p的段落
B.   id为p的段落
C.   文档中所有标签为p的对象
D.   类型为p的段落

11. Bootstrap中,text-capitalize可以设置英文文本()。

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

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

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

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

14. 下面哪个不属于DOM的节点类型( )

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

15. 如果用以下JavaScript语句新建日期对象now,则now实际对应的日期是( ) Var now〓new Date(2016,1,28);

A.   2016年1月30日
B.   2016年3月1日
C.   2016年2月28日
D.   程序出错

16. 响应式网页设计已经成为当今网页开发技术的新潮流。

17. Bootstrap中,()可以设置英文文本首字母大写。

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

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

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

19. 相对于Flex,Grid布局则在大规模的布局范围中更占优势。

20. String对象的所有方法都必须要先创建实例才能使用。

21. Bootstrap的网格系统中, .col-lg-类是针对大屏幕设备,即屏幕宽度大于等于992px小于1200px。

22. JavaScript代码“getElementsByTagName("p")”获取到的是( )

A.   id为p的段落
B.   文本为p的段落
C.   类型为p的段落
D.   文档中所有标签为p的对象

23. 响应式网页时,在开发时一般"以()优先”。

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

24. 响应式网页设计可只使用流式布局的方式实现。

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

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

26. Bootstrap中以下代码实现了一个( )按钮。<button type="button" class="close">×<。

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

27. 计算PI的5次方,并四舍五入取整,正确的JavaScript表达式为( )

A.   Mat
B.  round(Mat
C.  pow(Mat
D.  PI(),5))
E.   Mat
F.  floor(Mat
G.  pow(Mat
H.  PI(),5))
I.   Mat
J.  floor(Mat
K.  pow(Mat
L.  P
M. 5))
N.   Mat
O.  round(Mat
P.  pow(Mat
Q.  P
R. 5))

28. 下面哪个JavaScript表达式可以计算半径为3的圆形的面积( )

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

29. Bootstrap中表格情境背景颜色的类,danger表示()。

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

30. 自适应网页强调"一次设计,普遍适用”。

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

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

32. 如果要求对所有媒体类型都适用,可以使用( )来指代所有支持的媒体类型。

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

33. Boostrap中的情境文本颜色中,. text- muted代表“柔和——灰”。

34. 在Bootstrap中如果要设置文本居中对齐,使用()类。

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

35. 以下关于媒体查询的说法,不正确的是()。

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

36. JavaScript也可以简写为JSP

37. Bootstrap中可以使用abbr标签添加()属性以在鼠标悬停时显示提示信息。

A.   hover
B.   title
C.   id
D.   class

38. Bootstrap中,()可以设置文本靠右对齐。

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

39. Bootstrap的网格系统中, .col-lg-类是针对大屏幕设备,即屏幕宽度大于等于1200px。

40. 下面哪个不属于BOM相关对象()

A.   window
B.   document
C.   char
D.   history

41. 混合式布局所有元素的所有宽度属性都是以百分比定义的。

42. Bootstrap中可使用标签设置title属性。

43. JavaScript表达式'300'+100的值为( )

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

44. Bootstrap中,span class="badge"表示显示一个()。

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

45. 固定布局下,网页容器的宽度一般以( )为单位。

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

46. 以下这个语句,表示屏幕像素密度为3倍的时候,匹配的图像是() <img srcset ="img/1_1280.jpg 3x,img/1_640.jpg 2x,img/1_320.jpg 1x"/>

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

47. Bootstrap网页中可使用()类使图片水平居中显示。

A.   .center-text
B.   .img-responsive
C.   .center
D.   .center-block

48. 媒体查询特性中,()定义输出设备中的屏幕方向。

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

49. 流式布局中所有元素的所有宽度属性都是以像素定义的。

50. 在Bootstrap中通过调用类. table-striped可实现()效果。

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

51. 在Bootstrap中实现表格悬停鼠标指针实现背景效果,完整的类的调用应该是()。

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

52. Bootstrap中标签blackquote显示()。

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

53. 以下HTML代码定义的媒体查询条件下,如果设备的屏幕方向为纵向,则页面背景颜色为()  body { background-color:silver ; } @media only screen and (orientation: landscape) { body { background-color: lightblue; } }

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

54. 若字符串s是"Hello World",则以下JavaScript代码“ document.write(s.toUpperCase());”输出结果是()

A.   hello world
B.   H W
C.   Hello World
D.   HELLO WORLD

55. 下面哪个JavaScript中表达式产生的随机数是介于0-100的浮点数( )

A.   Mat
B.  random()+100
C.   Mat
D.  random()/100
E.   Mat
F.  random()
G.   Mat
H.  random()*100

56. 关于以下语句中的initial-scale表示的是() <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">。

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

57. JavaScript中Math.floor(3.6)的结果是

A.   2
B.   5
C.   4
D.   3

58. Bootstrap中表格情境背景颜色的类,不正确的是()。

A.   . active表示负面的动作
B.   . success表示成功的动作
C.   . danger表示危险的动作
D.   . wanning表示警告

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

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

60. JavaScript中通过数组的()属性可获取其当前长度。

A.   name
B.   prototype
C.   id
D.   length

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

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

62. Bootstrap的情境文本颜色类中,text- muted表示()。

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

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

64. 在Bootstrap中,如果要调整列的排列顺序,可以用列嵌套的方式。

65. JavaScript中当窗口或页面元素失去焦点时将触发onblur事件。

66. Bootstrap 表单控件可以在输入框 input 上设置一个块级帮助文本。

67. 如果直接使用默认的Bootstrap样式,则不需要调用以下的()文件。。

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

68. 媒体查询条件中,如果要指定只适用于某种设备或情形,可以用关键字all。

69. 媒体查询条件中,如果要指定只适用于某种设备或情形,可以用关键字()

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

70. 下列关于JavaScript中数组的说法,不正确的是( )

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

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

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

72. 在Bootstrap中如果要设置文本居中对齐,使用()类。

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

73. Bootstrap中标签address显示()。

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

74. 关于BOM顶级对象模型的结构,下面说法不正确的是()

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

75. 下面哪个JavaScript语句的语法格式是正确的:( )

A.   documen
B.  write (Hi!);
C.   write('I enjoy JavaScript '); 
D.   echo 'I enjoy JavaScript'
E.   documen
F.  write('I enjoy JavaScript '); 

76. 任何时候JavaScript都可以自动进行类型转换,所以不需要用强制类型转换。

77. 下列关于JavaScript的描述,不正确的是( )。

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

78. 可以通过"display: grid;”来定义一个网格布局的容器。

79. prompt语句返回的值的类型是根据用户输入而定的。

80. Boostrap中使用徽章的类是jumbotorn。

81. 网格系统(或称栅栏系统)其实是属于流式布局的。

82. JavaScript中的方法removeAttribute用于( )

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

83. Bootstrap中的“dropdown-menu”类表示下拉菜单。

84. <link rel="stylesheet" type="text/css" href="site.css" media="print" />这个语句表示在( )内容的显示。

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

85. 下列哪个是合法的JavaScript标识符()

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

86. 响应式图像的匹配只能根据图像的宽度。

87. 目前的移动设备和主流浏览器中支持Bootstrap的很少。

88. 混合式布局可以根据每种布局元素的性质和显示效果来选择最合适的布局方式。

89. <link rel="stylesheet" type="text/css" href="site.css" media="print" />这个语句表示在( )内容的显示。

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

90. 若字符串s是"Hello World",则以下JavaScript代码“ document.write(s.toLowerCase());”输出结果是()

A.   H W
B.   hello world
C.   Hello World
D.   HELLO WORLD

91. Bootstrap中表格情境背景颜色的类,active表示()。

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

92. 如果要求对所有媒体类型都适用,可以使用( )来指代所有支持的媒体类型。

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

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

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

94. Boostrap中使用text-capitalize可以让英文字体首字母大写。

95. 在Bootstrap中,push可以用来调整列的排列顺序。

96. 在Bootstrap网页的标题内还可以添加()类的元素,可以用来标记副标题。

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

97. Bootstrap中的bg- danger表示()。

A.   情境文本色,危险——红
B.   情境背景色,成功——绿
C.   情境文本色,成功——绿
D.   情境背景色,危险——红

98. Bootstrap中在使用胶囊式导航的同时使用类.nav-stacked,可以让胶囊式导航项垂直堆叠。

99. Bootstrap中,若为图片添加对()类的调用,可以让图像显示为圆角矩形。

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

100. Bootstrap中,对图像添加对img-circle类的应用可以()。

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

标签:Web,JavaScript,14,img,text,Bootstrap,jpg,程序设计,Mat
来源: https://blog.csdn.net/robin9409/article/details/122611868

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有