2020年春广东开放大学10239响应式Web程序设计(已更新)考试与答案

广东理工学院广东开放大学百年教育职业培训中心第一章响应式网页基础响应式网页设计最早是由EthanMarcotte在（）年提出的。

B.

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

C.

是自适应的响应式要求在开发页面时，以（）优先。D.

移动设备

4.<linkrel="stylesheet"type="text/css"href="site.css"media="print"/>这个语句表示在（）下内容的显示。C.

打印预览下5.以下条件表示在（）时背景颜色的显示设置。@mediascreenand(max-width:300px){body{background-color:lightblue;}A.

屏幕的宽度最大不超过300像素第二章响应式网页元素1.媒体查询要使用（）来定义

B.

@media媒体查询类型中的print表示（）D.

打印设备如果要求对所有媒体类型都适用，可以使用（）来指代所有支持的媒体类型C.

all4.以下媒体查询条件表示（）@mediaonlyscreenand(orientation:portrait){body{background-color:lightblue;}}B.

设备方向为垂直时显示指定的背景颜色

5.在以下这个语句中的viewport表示屏幕的（）A.

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

A.

80px,80px7.以下语句使用了srcset属性根据屏幕的（）来匹配显示的图像<imgsrcset="img/1_1280.jpg3x,img/1_640.jpg2x,img/1_320.jpg1x"/>D.

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

D.

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

当前屏幕宽度的43%根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（）这个图像。10.<imgsrc="img/img/1_1280.jpg""

srcset="img/1_1280.jpg1280w,img/1_640.jpg640w,img/1_320.jpg320w"/>

C.

1_320.jpg第三章响应式网页布局

1.在固定布局中，每个网页元素的宽度都必须指定为（）像素值

B.

固定大小的以下代码实现的布局方式是（）D.

弹性布局3.在列式网格中，每个元素占用（）网格C.

一列或多列4.现在页面布局的方式主要是基于（）的布局方式，一般通过display、float、position等属性控制布局页面。B.

盒子模型5.在DreamweaverCC的流体网格模板中，在屏幕宽度超过768像素时网页被划分为（）列。

C.

126.以下关于flex布局的说法，不正确的是（）D.

相对于网格布局，flex弹性布局更适合用于大规模的布局flex容器中的mainstart指的是（）

A.

主轴的开始位置与边框的交叉点8.以下代码中的flex-flow属性设置了（）.flex-container{display:flex;/*定义弹性布局元*/flex-flow:rowwrap;justify-content:space-around;}

C.

子元素的排列方式和换行方式第四章响应式网页交互1.下列在HTML中加载外部JavaScript脚本文件a.js的正确方式是B.

＜scriptsrc="a.js"＞要获得元素当前指定属性的值，可以使用（）方法。D.

getAttribute(）事件是指将处理事件的JavaScript语句代码直接指定为HTML元素的事件属性值。

A.

静态绑定4.表单对象的（）事件将在提交表单时触发。C.

onsubmit5.document.write()语句用于（）A.

在浏览器窗口中输出指定内容6.假如有一个id为usrname的文本框，则语句“varv=document.getElementById("usrname").value.length”保存的是（）B.

文本框当前内容的字符串长度

7.BOM对象体系的顶层是（）对象。B.

window8.DOM树的根节点是()A.

document9.关闭当前浏览器窗口的语句可以是（）C.

window.close()10.以下关于DOM树的论述，哪一个不正确()

D.

文本节点可以包含子节点\o"第五章响应式网页框架"第五章响应式网页框架form-control类的<input>、<textarea>和<select>元素都将被默认设置宽度属性为width:(

)

A.

100%2.使用BootStrap时如果有这样的图像设置：<imgsrc="1.jpg"class="img-circle">。则图像将被显示为（）C.

圆形3.BootStrap是由()公司的两位设计师开发的，在2011年作为开源产品发布。

C.

Twitter为了减少样式文件的大小，如果使用未修改的BootStrap样式表，直接导入（）文件即可。B.

bootstrap.min.css5.在调用bootstrap.js之前必须先调用（），因为Bootstrap框架中的插件都是以jQuery为基础的。

C.

jquery.js6.以下哪个不属于BootStrap框架的特点（）D.

支持所有的浏览器7.BootStrap框架本身不包含以下哪项内容（）

D.

可视化编辑器8.BootStrap中显式定义的媒体查询的断点不包括（）A.

小于768px9.若有这样的一组代码:＜olclass="breadcrumb">＜li><ahref="#">Home</a></li＞＜li><ahref="#">2013</a></li＞＜liclass="active">十一月</li＞＜/ol＞以上代码将显示一组（）导航。

B.

面包屑

10.Bootstrap默认的网格系统为（）列。D.

121：响应式网页设计最早是由EthanMarcotte在（B）年提出的。

A.2009

B.2010

C.2011

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

A.是响应式的

B.是固定布局的

C.是自适应的

D.更新和维护时相对容易3：响应式要求在开发页面时，以（D）优先。

A.桌面设备（如PC等）

B.服务器端

C.客户端

D.移动设备4：<linkrel="stylesheet"type="text/css"href="site.css"media="print"/>

这个语句表示在（C）下内容的显示。

A.屏幕上

B.移动设备上

C.打印预览下

D.触摸设备上5：以下条件表示在（A）时背景颜色的显示设置。

@mediascreenand(max-width:300px){

body{

background-color:lightblue;

}

}

A.屏幕的宽度最大不超过300像素

B.屏幕的宽度小于300像素

C.屏幕的宽度最少不超过300像素

D.屏幕的宽度最少为300像素1：媒体查询要使用（B）来定义

A.@script

B.@media

C.@style

D.css/style2：媒体查询类型中的print表示（D）

A.显示屏幕

B.语音朗诵设备

C.投影设备

D.打印设备3：如果要求对所有媒体类型都适用，可以使用（C）来指代所有支持的媒体类型

A.not

B.only

C.all

D.but4：以下媒体查询条件表示（B）

@mediaonlyscreenand(orientation:portrait){

body{

background-color:lightblue;

}

}

A.设备方向为水平时显示指定的背景颜色

B.设备方向为垂直时显示指定的背景颜色

C.设备分辨率低时显示指定的背景颜色

D.设备分辨率高时显示指定的背景颜色5：在以下这个语句中的viewport表示屏幕的（A）

<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">

A.可视区域

B.总大小

C.指定元素的大小

D.指定元素的可见大小6：如果在当前的divmain中设置了其字体为5rem，而当前div又在另一个div中container中。如果container设置了字体大小的为5rem，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（A），而在main中的字体大小就应该是（）。

A.80px,80px

B.16px,16px

C.80px,400px

D.16px,400px7：以下语句使用了srcset属性根据屏幕的（D）来匹配显示的图像

<imgsrcset="img/1_1280.jpg3x,img/1_640.jpg2x,img/1_320.jpg1x"/>

A.宽度

B.高度

C.颜色位数

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

A.16px，16px

B.16px，80px

C.80px，80px

D.80px，400px9：以下语句表示当屏幕的宽度大于等于1200px时，图像宽度将显示为（B）

<imgsrc="img/1_1280.jpg"sizes="(min-width:1200px)calc(43vw),50vw"/>

A.43px

B.当前屏幕宽度的43%

C.当前图像原始宽度的43%

D.当前图像原始大小的43%10：根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（C）这个图像。

<imgsrc="img/img/1_1280.jpg""srcset="img/1_1280.jpg1280w,img/1_640.jpg640w,img/1_320.jpg320w"/>

A.1_1280.jpg

B.1_640.jpg

C.1_320.jpg1：在固定布局中，每个网页元素的宽度都必须指定为（B）像素值

A.相对比例的

B.固定大小的

C.相对大小的

D.可变的2：以下代码实现的布局方式是（D）

#div1{

width:200rem;

padding-top:1rem;

text-indent:2em;

…

}

A.固定布局

B.混合布局

C.流式布局

D.弹性布局3：在列式网格中，每个元素占用（D）网格。

A.一列

B.固定大小的

C.一列或多列

D.不以列为单位计算4：现在页面布局的方式主要是基于（B）的布局方式，一般通过display、float、position等属性控制布局页面。

A.网格模型

B.盒子模型

C.弹性页面

D.弹性盒子5：在DreamweaverCC的流体网格模板中，在屏幕宽度超过768像素时网页被划分为（C）列。

A.4

B.8

C.12

D.166：以下关于flex布局的说法，不正确的是（D）

A.我们可通过类似display:flex;这样的语句，把容器声明为弹性盒子布局

B.采用flex布局的元素，称为flex容器，它的所有子元素都自动成为容器成员，称为flex项目

C.弹性布局模块的大小是未知或者动态变化的，且弹性布局是与方向无关的

D.相对于网格布局，flex弹性布局更适合用于大规模的布局7：flex容器中的mainstart指的是（A）

A.主轴的开始位置与边框的交叉点

B.主轴的结束位置与边框的交叉点

C.交叉轴的开始位置与边框的交叉点

D.交叉轴的结束位置与边框的交叉点8：以下代码中的flex-flow属性设置了（C）

.flex-container{

display:flex;/*定义弹性布局元素*/

flex-flow:rowwrap;

justify-content:space-around;

}

A.子元素的排列方式

B.子元素的换行方式

C.子元素的排列方式和换行方式

D.如何分配伸缩容器的剩余空间1：下列在HTML中加载外部JavaScript脚本文件a.js的正确方式是B

A.＜scriptlink="a.js"＞

B.＜scriptsrc="a.js"＞

C.＜scriptfile="a.js"＞

D.＜stylelink="a.js"＞2：要获得元素当前指定属性的值，可以使用（D）方法。

A.hasAttribute

B.setAttribute

C.removeAttribute

D.getAttribute3：(A）事件是指将处理事件的JavaScript语句代码直接指定为HTML元素的事件属性值。

A.静态绑定

B.动态绑定

C.随机绑定

D.执行时绑定4：表单对象的（C）事件将在提交表单时触发。

A.onreset

B.onclick

C.onsubmit

D.ondbclick5：document.write()语句用于（A）

A.在浏览器窗口中输出指定内容

B.在HTML文档载入时调用程序

C.关闭浏览器窗口

D.在浏览器标题栏输出指定内容6：假如有一个id为usrname的文本框，则语句“varv=document.getElementById("usrname").value.length”保存的是（B）

A.文本框当前的内容

B.文本框当前内容的字符串长度

C.文本框当前的属性

D.文本框当前的数据类型7：BOM对象体系的顶层是（B）对象。

A.document

B.window

C.html

D.navigator8：DOM树的根节点是(A)

A.document

B.window

C.html

D.navigator9：关闭当前浏览器窗口的语句可以是（C）

A.window.open()

B.window.confirm()

C.window.close()

D.window.focus()10：以下关于DOM树的论述，哪一个不正确(D)

A.只有一个根节点

B.除根节点外，每个节点只有一个父节点

C.元素节点可以包含子节点

D.文本节点可以包含子节点1：.form-control类的<input>、<textarea>和<select>元素都将被默认设置宽度属性为width:(A)

A.1

B.0.5

C.0.3333

D.0.66672：使用BootStrap时如果有这样的图像设置：<imgsrc="1.jpg"class="img-circle">。则图像将被显示为（C）

A.矩形

B.圆角矩形

C.圆形

D.三角形3：BootStrap是由(C)公司的两位设计师开发的，在2011年作为开源产品发布。

A.Google

B.Baidu

C.Twitter

D.Facebook4：为了减少样式文件的大小，如果使用未修改的BootStrap样式表，直接导入（B）文件即可。

A.bootstrap.css

B.bootstrap.min.css

C.bootstrap.min.js

D.bootstrap.js5：在调用bootstrap.js之前必须先调用（C），因为Bootstrap框架中的插件都是以jQuery为基础的。

A.bootstrap.css

B.bootstrap.min.css

C.jquery.js

D.html5shiv.js6：以下哪个不属于BootStrap框架的特点（D）

A.移动设备优先

B.响应式设计

C.开源、免费

D.支持所有的浏览器7：BootStrap框架本身不包含以下哪项内容（D）

A.基本结构（网格系统、链接样式、背景等）

B.全局CSS样式

C.JavaScritp插件

D.可视化编辑器8：BootStrap中显式定义的媒体查询的断点不包括（A）

A.小于768px

B.介于768px到992px

C.介于992px到1200px

D.大于1200px9：若有这样的一组代码:

＜olclass="breadcrumb">

＜li><ahref="#">Home</a></li＞

＜li><ahref="#">2013</a></li＞

＜liclass="active">十一月</li＞

＜/ol＞

以上代码将显示一组（B）导航。

A.标签页式

B.面包屑

C.垂直

D.下拉菜单10：Bootstrap默认的网格系统为（D）列。

A.4

B.6

C.8

D.12第1章、响应式概念【单项选择】1、如果一个网站在不同的环境下跳转到不同的网址，那么这个网站（）A、是响应式的B、是固定布局的C、是自适应的D、更新和维护时相对容易参考答案：C【单项选择】2、＜linkrel="stylesheet"type="text/css"href="site.css"media="print"/＞这个语句表示在（）内容的显示。A、屏幕上B、移动设备上C、打印预览下D、触摸设备参考答案：C【单项选择】3、以下条件表示在（）时背景颜色的显示设置。＠ｍediaｓcreenand(max-width:300px){ｂody{ｂackground-color:lightblue;}}A、屏幕的宽度最大不超过300像素B、屏幕的宽度小于300像素C、屏幕的宽度最少不超过300像素D、屏幕的宽度最少为300像素参考答案：A【单项选择】4、如果要求对所有媒体类型都适用，可以使用（）来指代所有支持的媒体类型。A、notB、onlyC、allD、but参考答案：C【单项选择】5、以下媒体查询条件表示（）。＠mediaonlyscreenand(orientation:portrait){ｂody{background-color:lightblue;}}A、设备方向为水平时显示指定的背景颜色B、设备方向为垂直时显示指定的背景颜色C、设备分辨率低时显示指定的背景颜色D、设备分辨率高时显示指定的背景颜色参考答案：B【单项选择】6、在以下这个语句中的viewport表示屏幕的（）。＜metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"〉A、可视区域B、总大小C、指定元素的大小D、指定元素的可见大小参考答案：A【单项选择】7、若有以下语句，则若当前屏幕宽度为960px，则图像宽度将显示为（）＜imgsrc="img/1_1280.jpg"sizes="(min-width:1200px)calc(43vw),50vw"/＞A、当前屏幕宽度的43%B、516pxC、500pxD、50px参考答案：C【单项选择】8、关于以下语句中的initial-scale表示的是（）＜metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"＞A、允许用户的最小缩放值B、允许用户的最大缩放值C、是否允许用户进行缩放操作D、页面的初始缩放值参考答案：D【单项选择】9、关于以下语句中的user-scalable表示的是（）＜metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"＞A、允许用户的最小缩放值B、允许用户的最大缩放值C、是否允许用户进行缩放操作D、页面的初始缩放值参考答案：C【单项选择】10、如果在一个页面中，对于一个main的div设置了font-size为5rem，而这个main的div又在另一个container的div中，如果container也有font-size的设置5rem，那么假如当前浏览器默认的字体大小是16px，则在container中和main中的字体大小分别是（）A、80px,80pxB、80px,400pxC、400px,400pxD、16px,80px参考答案：A【单项选择】11、媒体查询特性中，（）定义输出设备中的分辨率。A、device-widthB、device-heightC、orientationD、resolution参考答案：D【单项选择】12、常用媒体特性中，（）定义输出设备中的页面最大可见区域高度及宽度。A、max-height，max-widthB、min-width，min-heightC、device-height，device-widthD、min-device-height，min-device-width参考答案：A【单项选择】13、常用媒体特性中，（）定义输出设备中的屏幕最小可见高度及宽度。A、max-height，max-widthB、max-device-height，max-device-widthC、min-width，min-heightD、min-device-height，min-device-width参考答案：D【单项选择】14、媒体查询条件中，如果要指定适用于多种情形，可以用关键字（）来连接。A、allB、notC、andD、only参考答案：C【单项选择】15、媒体查询条件中，如果要指定只适用于某种设备或情形，可以用关键字（）。A、andB、notC、onlyD、all参考答案：C【单项选择】16、媒体查询条件中，如果要排除某种设备或情形，可以用关键字（）。A、notB、allC、andD、only参考答案：A【单项选择】17、媒体查询特性中，（）定义输出设备中的屏幕方向。A、device-heightB、device-widthC、orientationD、resolution参考答案：C【单项选择】18、响应式网页时，在开发时一般"以（）优先”。A、大屏幕设备B、移动设备C、台式电脑D、笔记本电脑参考答案：B【单项选择】19、响应式网页往往包含多个（）语句，用于适配不同的显示条件。A、多媒体B、网格C、媒体查询D、地址跳转参考答案：C【单项选择】20、以下哪个版本的浏览器不支持媒体查询（）A、IE9.0B、IE7.0C、Chrome21D、Opera9.0参考答案：B【单项选择】21、关于以下媒体查询语句，说法不正确的是（）＠mediaｓcreenand(ｍax-width:300px){ｂody{ｂackground-color:lightblue;ｃolor:yellow;}}A、定义了屏幕的宽度最大不超过300像素时的显示B、满足媒体查询条件时页面的背景颜色为浅蓝色C、满足媒体查询条件时页面的字体颜色为黄色D、定义了屏幕的宽度最大超过300像素时的显示参考答案：D【单项选择】22、以下媒体查询条件定义了屏幕宽度在（）下的显示设置。＠mediascreenand(ｍin-width:960px)and(ｍax-width:1200px){ｂody{ｂackground:yellow;}}A、小于960像素B、大于960像素C、介于960像素和1200像素之间D、大于1200像素参考答案：C【单项选择】23、响应式网页的核心思想，在于（）A、多个网页B、多个网页，普遍适用C、普遍适用D、一次设计，普遍适用参考答案：D【单项选择】24、以下语句使用了srcset属性根据屏幕的（）来匹配显示的图像。＜imgsrcset="img/1_1280.jpg3x,img/1_640.jpg2x,img/1_320.jpg1x"/＞A、宽度B、高度C、颜色位数D、像素密度参考答案：D【单项选择】25、根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（）这个图像。＜imgsrc="img/img/1_1280.jpg""srcset="img/1_1280.jpg1280w,img/1_640.jpg640w,img/1_320.jpg320w"/＞A、1_1280.jpgB、1_640.jpgC、1_320.jpgD、以上均不能匹配参考答案：C【单项选择】26、以下语句表示当屏幕的宽度大于等于1200px时，图像宽度将显示为（）。＜imgsrc="img/1_1280.jpg"sizes="(min-width:1200px)calc(43vw),50vw"/>A、43pxB、当前屏幕宽度的43%C、当前图像原始宽度的43%D、当前图像原始大小的43%参考答案：B【单项选择】27、如果在当前的divmain中设置了其字体为5em，而当前div又在另一个div的container中。如果container设置了字体大小的为5em，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（），而在main中的字体大小就应该是（）。A、16px，16pxB、16px，80pxC、80px，80px D、80px，400px参考答案：D【单项选择】28、据2017年8月第40次《中国互联网络发展状况统计报告》的统计结果，截至2017年6月，我国网民占比最多的是使用（）上网的网民。A、台式电脑B、平板C、手机D、笔记本电脑参考答案：C【单项选择】29、响应式网页设计，最早是由伊桑·马卡特（EthanMarcotte）在（）年提出的一个概念。A、2009B、2010C、2011D、2012参考答案：B【单项选择】30、以下这个语句，表示屏幕像素密度为3倍的时候，匹配的图像是（）＜ｉmgｓrcset="img/1_1280.jpg3x,img/1_640.jpg2x,img/1_320.jpg1x"/＞A、1_1280.jpgB、1_640.jpgC、1_320.jpgD、无匹配的图像参考答案：A【判断】31、自适应网页和响应式网页是同样的。A、正确B、错误参考答案：B【判断】32、当用户旋转屏幕时，纵向和横向查看的屏幕尺寸会有差异，传统固定布局的方式已经无法满足这种浏览需求了。A、正确B、错误参考答案：A【判断】33、响应式网页设计已经成为当今网页开发技术的新潮流。A、正确B、错误参考答案：A【判断】34、响应式网页设计最主要的动机是"如何使得页面布局适应任何的浏览窗口”。A、正确B、错误参考答案：A【判断】35、响应式网页设计可只使用传统固定布局的方式实现。A、正确B、错误参考答案：B【判断】36、自适应网页可能使得维护的工作将呈几何级数上升，还会大大地增加架构设计的复杂度。A、正确B、错误参考答案：A【判断】37、自适应网页强调"一次设计，普遍适用”。A、正确B、错误参考答案：B【判断】38、其实在CSS2中，就已经可以根据媒体类型获得不同的CSS支持。A、正确B、错误参考答案：A【判断】39、媒体查询的定义要使用@media关键字所定义的规则。A、正确B、错误参考答案：A【判断】40、IE6支持媒体查询的定义所使用的@media定义的规则。A、正确B、错误参考答案：B【多项选择】41、关于以下HTML语句的说法，正确的是（）＜metaname="ｖiewport"ｃontent="width=device-width,ｉnitial-scale=1.0,ｍaximum-scale=1.0,ｕser-scalable=0"＞A、viewport表示的是屏幕的可视区域B、这个语句的主要作用就是让当前屏幕可视区域的宽度等于设备的宽度C、这个语句不允许用户手动缩放页面D、这样可以避免浏览器的自动缩放功能给页面浏览带来的不便参考答案：ABCD【多项选择】42、关于以下HTML语句的说法，正确的是（）＜metaname="ｖiewport"ｃontent="width=device-width,ｉnitial-scale=1.0,ｍaximum-scale=1.0,ｕser-scalable=0"＞A、这种设置可以保证响应式页面能自动根据设备本身的宽度显示最佳的浏览效果B、可以避免在某些设备上出现横向滚动条或自动缩小C、initial-scale用于设置页面的初始缩放值D、这个语句不允许缩放页面参考答案：ABCD【多项选择】43、关于以下语句，如果图像宽度要显示为原图像的43%，则满足条件的屏幕宽度为（）＜imgsrcset="img/2_1280.jpg3x,img/2_640.jpg2x,img/2_320.jpg1x"alt="pic2"sizes="(min-width:1200px)calc(43vw),(max-width:640px)calc(80vw),60vw"/＞A、1200pxB、1600pxC、900pxD、640px参考答案：AB【多项选择】44、媒体查询可用于检测的媒体特性包括（）A、device-height，device-widthB、max-height，max-widthC、min-width，min-heightD、orientation参考答案：ABCD【多项选择】45、响应式图像的匹配可根据（）A、屏幕像素密度B、屏幕宽度C、屏幕显示方向D、屏幕高度参考答案：AB【多项选择】46、媒体查询可以（）。A、让CSS能更精确地作用于不同的媒体类型和同一媒体的不同条件B、为一些特定的输出设备定制特定的显示效果C、为不同终端的用户都能提供较好的浏览体验D、为不同终端的用户实现不同跳转参考答案：ABC【多项选择】47、媒体查询中可用于定义输出设备屏幕或页面可见高度的特性有（）A、device-heightB、max-heightC、max-device-heightD、min-device-height参考答案：ABCD【多项选择】48、媒体查询条件的组合可使用（）来定义。A、allB、onlyC、notD、and参考答案：ABCD【多项选择】49、关于以下语句，说法正确的是（）＜metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"＞A、width设置窗口显示的最大宽度，为一个正整数B、initial-scale设置页面的初始缩放值C、maximum-scale表示允许用户的最大缩放值D、user-scalable 表示是否允许用户进行缩放操作，no代表不允许，yes代表允许参考答案：ABCD【多项选择】50、"自适应”网站的缺点在于（）A、可以极大地保证不同环境下的显示效果B、在网站维护时需要同时兼顾多个不同版本的网页C、维护的工作将会呈几何级数上升D、大大地增加架构设计的复杂度参考答案：BCD【多项选择】51、对于响应式网页和自适应的网页，以下说法正确的有（）A、响应式网页不管使用什么设备打开的都是同一个网页B、自适应网页不管使用什么设备打开的都是同一个网页C、自适应网页也可以兼容不同终端的浏览D、响应式更适用于所有网站页面，包括内容页参考答案：AD【多项选择】52、对于响应式的网站的说法，正确的有（）A、强调的是让同一个地址的同一个网页自动地去适应不同的显示环境B、其核心思想在于"一次设计，普遍适用”C、响应式的网页不管使用什么设备，打开及显示的都是同一个地址、同一个网页D、响应式网页对不同的使用环境可做出相应的自动调整，从而造成网页的布局和内容展示在不同环境下时可能会有所不同。参考答案：ABCD【多项选择】53、响应式网页开发时可能使用到的技术有（）A、媒体查询技术B、流式网格布局C、灵活的多媒体显示D、高性能的JavaScript参考答案：ABCD【多项选择】54、响应式网页开发的实现方案包括（）A、CSS媒体查询B、弹性网格C、弹性布局D、流式图像参考答案：ABCD【程序运行结果题（单选）】55、有以下媒体查询条件，则若当前屏幕的显示尺寸为600时，网页背景颜色为（）＠mediascreenand(max-width:720px)and(min-width:500px){ｂody{ｂackground-color:red;}＠mediaonlyscreenand(max-width:500px){ｂody{ｂackground-color:lightblue;}}A、黄色B、红色C、蓝色D、浅蓝色参考答案：B【程序运行结果题（单选）】56、以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为横向，则页面背景颜色为（）ｂody{ｂackground-color:silver;}＠mediaonlyscreenand(orientation:landscape){ｂody{ｂackground-color:lightblue;}}A、银色B、蓝色C、浅蓝色D、白色参考答案：C【程序运行结果题（单选）】57、以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为纵向，则页面背景颜色为（）ｂody{ｂackground-color:silver;}＠mediaonlyscreenand(orientation:landscape){ｂody{ｂackground-color:lightblue;}}A、银色B、蓝色C、浅蓝色D、白色参考答案：A第2章、JavaScript基础【单项选择】1、下列关于JavaScript的描述，不正确的是（）A、JavaScript既可以在客户端执行，也可以在服务器端执行B、JavaScript是一种脚本语言，不需要编译C、JavaScript也可以简写为JSPD、IE、Opera等多种浏览器都支持JavaScript参考答案：C【单项选择】2、下面哪个不属于JavaScript的优点A、跨平台B、开发简单C、多线程运行D、便于移植参考答案：C【单项选择】3、document.write()语句用于（）A、在浏览器窗口中输出指定内容B、在HTML文档载入时调用程序C、关闭浏览器窗口D、在浏览器标题栏输出指定内容参考答案：A【单项选择】4、分析下面创建按钮控件的HTML代码，当单击此按钮后产生的结果是（）。＜ＩNPUTTYPE="button"ＶALUE="ok"ｏnClick="this.style.background=’red’"＞A、按钮中的文字显示红色B、页面中的文字显示红色C、页面中的背景色显示红色D、按钮的背景色显示红色参考答案：C【单项选择】5、在HTML页面中，包含如下所示的文本框对象，要实现当文本框获得鼠标焦点时，清空文本框的内容，则可以在下划线处添加的代码是（）。＜ＩNPUTＴYPE="text"ｎame="uname"ｖalue="王鸿"ｓize="20"ｏnFoucs="___"/>A、this.value="B、Value="C、this.value=""D、Value=""参考答案：C【单项选择】6、在JavaScript中，关于document对象的方法，下列说法正确的是（）。A、getElementById()是通过元素ID获得元素对象的方法，其返回值为单个对象B、getElementByName()是通过元素name获得元素对象的方法，其返回值为单个对象C、getElementbyname()是通过元素ID获得元素对象的方法，其返回值为单个对象D、getElementbytagname()是通过元素name获得元素对象的方法，其返回值为对象组参考答案：A【单项选择】7、JavaScript中String对象的split方法用于（）A、将字符串的小写字母转换成大写B、将字符串的大写字母转换成小写C、分隔字符串D、提取子字符串参考答案：C【单项选择】8、制作网页上的浮动广告时，需要定义一个函数，实现浮动广告层随滚动条滚动的效果，假如已经定义好了这个名为move的函数，那么最后需要做的是（）。A、捕获窗口的window.onscroll事件，调用move函数B、捕获文档的document.onscroll事件，调用move函数C、捕获窗口的window.onload事件，调用move函数D、捕获文档的document.onload事件，调用move函数参考答案：B【单项选择】9、下列选项中关于JavaScript浏览器对象中history对象的说法错误的是（）A、history对象记录了用户在一个浏览器中已经访问过的URLsB、history对象的父对象是JavaScript浏览器对象的根对象windowC、应用history对象的方法可以实现IE浏览器中"前进”和"后退”按钮的功能D、应用history对象的back()方法相当于"前进”按钮，forward()方法相当于"后退”按钮参考答案：D【单项选择】10、在HTML页面上包含如下所示的JavaScript代码，要实现打开页面时弹出对话框显示"张三”，则下划线处应填写的代码为（）。＜html>＜head>＜scriptlanguage="javascript">ｖarstudentList=newArray();ｓtudentList['一班']=['张三','李四'];ａlert(_____________); //在此处填写代码A、studentList[0][0] B、studentList[0]['张三']C、studentList['一班']['张三']D、studentList['一班'][0]参考答案：D【单项选择】11、在DOM对象模型中，直接父对象为根对象window的对象中不包括（）A、historyB、documentC、locationD、form参考答案：D【单项选择】12、如果要设置函数tick()每隔2秒执行一次，则正确的代码应为（）A、setInterval(tick,1000)B、setInterval（"tick()",2000）C、setTimeout（"tick()",2000）D、setTimeout(tick,2000)参考答案：B【单项选择】13、JavaScript中window对象的clearTimeout(timerID)方法的作用是（）A、取消由方法setInterval设置的指定timerID的计时器。B、设置指定的timerID计时器。C、取消由方法setTimeout设置的指定timerID的延时器。D、设置指定的timerID延时器。参考答案：C【单项选择】14、要后退到之前的页面，可用使用BOM的history对象的（）方法。A、back()B、forward()C、go()D、assign()参考答案：A【单项选择】15、实现类似浏览器的前进功能，可使用history对象的（）方法。A、back()B、forward()C、go()D、assign()参考答案：B【单项选择】16、要通过JavaScript获取表单中指定元素的个数，通常使用（）属性。A、selectB、valueC、elementsD、length参考答案：D【单项选择】17、假如有一个id为usrname的文本框，则JavaScript语句"varv=document.getElementById("usrname").value.length”保存的是（）A、文本框当前的内容B、文本框当前内容的字符串长度C、文本框当前的属性D、文本框当前的数据类型参考答案：B【单项选择】18、如果在JavaScript程序中单选按钮组中要设置某个选项默认被选中，则应设置其（）的值为true。A、valueB、lengthC、checkedD、text参考答案：C【单项选择】19、如果要设置函数tick()只在10秒后执行一次，则正确的JavaScript代码应为（）A、setInterval(tick,10000)B、setInterval（"tick()",10000）C、setTimeout（"tick()",10000）D、setTimeout(tick,10000)参考答案：C【单项选择】20、下面JavaScript语句创建的Date对象，其日期值是（）ｖartheDate=newDate(2009,9,1);A、2009年9月1日B、2009年10月1日C、2009年10月2日D、2009年9月2日参考答案：B【单项选择】21、JavaScript中通过数组的（）属性可获取其当前长度。A、nameB、idC、lengthD、prototype参考答案：C【单项选择】22、如果用以下JavaScript语句新建日期对象now，则now实际对应的日期是（）Varnow=newDate(2016,1,28);A、2016年1月30日B、程序出错C、2016年2月28日D、2016年3月1日参考答案：C【单项选择】23、JavaScript中，如果要返回Date对象d是一周里的第几天（星期几），应使用（）A、d.getDay()B、d.getDate()C、d.getTime()D、d.getHours()参考答案：A【单项选择】24、在JavaScript中要计算2的十次方，下面表达式正确的是（）A、2^10B、10^2C、Math.pow(2,10)D、Math.pow(10,2)参考答案：C【单项选择】25、JavaScript中Math.round(3.6)的结果是()A、2B、3C、4D、3.6参考答案：C【单项选择】26、JavaScript中以下结果为3的是（）A、Math.round(3.5)B、Math.round(2.5)C、Math.ceil(3.5)D、Math.floor(4.5)参考答案：B【单项选择】27、浏览器及相关对象的模型结构中，最顶层对象是（）A、documentB、windowC、navigatorD、html参考答案：B【单项选择】28、计算PI的5次方，并四舍五入取整，正确的JavaScript表达式为（）A、Math.floor(Math.pow(Math.PI,5))B、Math.round(Math.pow(Math.PI(),5))C、Math.round(Math.pow(Math.PI,5))D、Math.floor(Math.pow(Math.PI(),5))参考答案：C【单项选择】29、下面哪个JavaScript表达式可以计算半径为3的圆形的面积（）A、Math.PI*3^2B、PI*pow(2,3)C、Math.PI*Math.pow(2,3)D、Math.PI*3*3参考答案：D【单项选择】30、下面哪个JavaScript中表达式产生的随机数是介于0-100的浮点数（）A、Math.random()B、Math.random()*100C、Math.random()/100D、Math.random()+100参考答案：B【单项选择】31、下面哪个JavaScript方法不是用于生成或插入节点的（）A、createElementB、creatTextNodeC、removeChildD、appendChild参考答案：C【单项选择】32、下列JavaScript的DOM对象方法中，（）用于删除节点。A、appendChildB、insertBeforeC、removeChildD、cloneNode参考答案：C【单项选择】33、JavaScript中语句"list.setAttribute("title","Newlist")”的作用是（）A、设置元素list的title属性为NewlistB、设置元素title的list属性为NewlistC、删除元素list的title属性D、设置元素Newlist的属性为title参考答案：A【单项选择】34、JavaScript中使用下面哪个方法不会改变节点的属性集（）A、setAttributeB、getAttributeC、removeAttributeD、createAttribute参考答案：B【单项选择】35、下面关于JavaScript中Math对象的使用，不正确的是（）A、Math对象的属性和方法都是静态的B、Math对象的方法可以直接调用C、Math对象的属性是一些常用的数学常量D、Math对象也可以创建实例参考答案：D【单项选择】36、下面哪个不属于DOM的节点类型（）A、属性B、文本C、元素D、窗口参考答案：D【单项选择】37、以下JavaScript代码获取到的是"vartest=getElementsByTagName("p")”（）A、文本为p的段落B、id为p的段落C、类型为p的段落D、文档中所有标签为p的对象参考答案：D【单项选择】38、JavaScript中document对象的getElementById的方法是通过元素节点的（）获取并访问对象。A、id属性B、name属性C、标签D、class属性参考答案：A【单项选择】39、JavaScript中的方法removeAttribute用于（）A、删除任意元素节点指定的属性B、返回任意元素节点指定的属性C、设置任意元素节点指定的属性D、创建任意元素节点指定的属性参考答案：A【单项选择】40、若有以下JavaScript代码，则（）名为MyButton的按键时，将弹出对话框：ｄocument.getElementById("MyButton").ｏnclick=ｎewＦunction(){ａlert("Click！")}A、单击B、双击C、鼠标移入D、鼠标移出参考答案：A【单项选择】41、JavaScript中如果要实现鼠标分别移入及移开指定区域时的图片轮换效果，可绑定（）事件。A、onmouseoverB、onmouseupC、onmouseup和onmouseoutD、onmouseover和onmouseout参考答案：D【单项选择】42、JavaScript中使用下面哪个方法将返回单个对象（）A、getElementByIdB、getElementsByTagNameC、getElementsByNameD、childNodes参考答案：A【单项选择】43、如果某个ＤＯＭ节点没有对应的属性，则值为（）A、nullB、NaNC、errorD、undefined参考答案：A【单项选择】44、JavaScript中的onload事件在（）时触发。A、浏览器载入文档B、关闭文档C、窗口失去焦点D、单击窗口参考答案：A【单项选择】45、如果有JavaScript函数定义function(x,y){……}，以下函数调用格式不正确的是（）A、f(1,2)B、f('a','b')C、f(1)D、f(,2)参考答案：D【单项选择】46、下面关于JavaScript中函数的说法不正确的是（）A、对于要重复使用的一段代码，最好将其编写为一个函数B、既可以使用预定义的函数，也可以使用自定义的函数C、函数可提高程序的可重用性D、在JavaScript中定义函数时必须指定返回值类型参考答案：D【单项选择】47、JavaScript中的onmouseover事件是在（）时触发A、鼠标双击元素所在位置B、鼠标经过元素所在位置C、鼠标在元素位置按下D、鼠标移出元素所在位置参考答案：B【单项选择】48、JavaScript中的onfocus事件不能用于下面哪种元素（）A、文本框B、图像C、浏览器窗口D、下拉窗口参考答案：B【单项选择】49、以下关于JavaScript的函数，说法不正确的是（）A、函数定义时只需列出参数表，不需给出参数的类型B、函数返回值类型可能因其执行情况的不同而不同C、函数定义时需声明其是否有返回值D、函数体内也可以调用已定义的函数参考答案：C【单项选择】50、下列关于JavaScript中switch的描述，正确的是（）A、default语句是可以省略的B、每个case必须包含break语句C、至少应有一个case字句必须包含breakD、case语句的数量是有限制的参考答案：A【单项选择】51、下面关于JavaScript中break和continue的说法，错误的是（）A、continue语句的作用是立即跳出循环B、break语句也可以用于跳出switch结构C、continue语句的作用是停止正在进行的循环，直接进入下一次循环D、循环结构中可使用break或continue控制循环执行情况参考答案：A【单项选择】52、JavaScript中for...in的作用是（）A、访问对象中指定的属性B、遍历对象的属性C、新建对象D、删除对象属性参考答案：B【单项选择】53、JavaScript表达式'400'-100的值为（）A、400B、400100C、NaND、300参考答案：D【单项选择】54、下面JavaScript表达式的值为400的是（)A、300+"100"B、"400"-0C、"300"+100D、"300"-100参考答案：B【单项选择】55、JavaScript中下面哪个不可能是运算符typeof的返回值？()A、numberB、stringC、objectD、null参考答案：D【单项选择】56、下面哪个定义JavaScript字符串的语句不正确（）A、varstr='Itisastring';B、varstr='';C、varstr=Itisastring;D、varstr=''Itisastring'';参考答案：C【单项选择】57、以下JavaScript程序："vars=12;document.write(typeof(s));”其输出结果为（）A、stringB、numberC、objectD、boolean参考答案：B【单项选择】58、关于JavaScript中的NaN的说法，不正确的是（）A、表示不是数字的结果B、通常用于表示一个变量或一个函数的返回值不是属于数值类型C、是JavaScript中专门定义表示特殊运算结果的一个数值量D、变量已建立，但没有指定初始值时其值为NaN参考答案：D【单项选择】59、在JavaScript中用if语句判断表达式a+b的计算结果是否NaN，正确的语句是（）A、if(a+b)B、if((a+b)==NaN)C、if(isNaN(a+b))D、if((a+b)=NaN)参考答案：C【单项选择】60、JavaScript中函数的定义使用关键字（）A、varB、functionC、objectD、new参考答案：B【单项选择】61、下面关于JavaScript中的逻辑类型，说法不正确的是（）A、逻辑类型的值有true和false两种B、逻辑类型通常用于比较、逻辑判断等运算中C、所有关系表达式的返回值都是逻辑型D、逻辑型数据的输出值可能为NaN参考答案：D【单项选择】62、下列关于JavaScript数据类型的说法，不正确的是（）A、JavaScript中的变量可以具有多种数据类型，根据程序动态运行情况决定B、JavaScript中的整型长度与是计算机的执行环节和操作系统无关C、JavaScript中的整型数据和浮点型数据是严格区分的D、JavaScript中字符串类型采用的国际字符集Unicode参考答案：C【单项选择】63、下列哪个是在HTML中加载外部JavaScript脚本文件a.js的正确方式：（）A、＜scriptlink='a.js'＞B、＜scriptsrc='a.js'＞C、＜scriptfile='a.js'＞D、以上都不是参考答案：B【单项选择】64、下面哪个JavaScript语句的语法格式是正确的：（）A、echo'IenjoyJavaScript';B、document.write('IenjoyJavaScript');C、response.write('IenjoyJavaScript');D、document.write(Hi!);参考答案：B【单项选择】65、JavaScript脚本的扩展名为（）A、htmlB、jsC、txtD、css参考答案：B【单项选择】66、要输出一行加粗的文字"你好”，应使用的JavaScript语句应为（）A、document.write(你好);B、document.write('＜br＞你好');C、document.write('＜p＞你好＜/p＞');D、document.write('你好');参考答案：B【单项选择】67、要显示下面的输出（含双引号），正确的脚本语句是："Hello!Heismyfriend."A、document.write("Hello!Heismyfriend.")B、document.write('Hello!Heismyfriend.')C、document.write(Hello!Heismyfriend.)D、document.write('"Hello!Heismyfriend."')参考答案：D【单项选择】68、下列哪个是不合法的JavaScript标识符（）A、7sB、$aC、_zD、a2参考答案：A【单项选择】69、下列哪个是合法的JavaScript标识符（）A、3+sB、7_sC、a$cD、12$参考答案：C【单项选择】70、下列关于JavaScript标识符的说明，不正确的是（）A、JavaScript中的标识符不区分大小写B、JavaScript中尽量不要使用预定义的保留字做标识符C、JavaScript中的标识符必须由字母、下划线、美元号等符号开头D、JavaScript中的标识符中不能出现预定义的运算符参考答案：A【判断】71、如果一个变量或一个函数的返回值不是数值类型，在JavaScript中用undefined表示。A、正确B、错误参考答案：B【判断】72、+符号在JavaScript中既可以表示算术加法，也可以表示字符串连接的操作。A、正确B、错误参考答案：A【判断】73、JavaScript中当窗口或页面元素失去焦点时将触发onblur事件。A、正确B、错误参考答案：A【判断】74、JavaScript中，函数的参数是在函数被调用时才确定其实际数据类型。A、正确B、错误参考答案：A【判断】75、JavaScript定义一个函数时，参数列表不能为空。A、正确B、错误参考答案：B【判断】76、JavaScript中window.onresize事件是在用户改变页面大小时触发A、正确B、错误参考答案：A【判断】77、JavaScript中浏览器事件只能绑定匿名函数。A、正确B、错误参考答案：B【判断】78、绑定页面元素事件前可通过document.getElementById先获取要操纵的元素。A、正确B、错误参考答案：A【判断】79、当元素失去焦点时是触发onselect事件。A、正确B、错误参考答案：B【判断】80、如果要获得某个节点的父节点，可以使用parentNode。A、正确B、错误参考答案：A【判断】81、文本节点可能有其子节点。A、正确B、错误参考答案：B【判断】82、DOM结构中，属性节点总是被包含在元素节点中。A、正确B、错误参考答案：A【判断】83、JavaScript中使用getElementsByTagName方法可返回文档中指定标签的所有元素组成的对象数组，要获取数组的长度可通过其length属性。A、正确B、错误参考答案：A【判断】84、若要对DOM元素节点设置其原本没有的属性，需要先新增属性再设置其值。A、正确B、错误参考答案：B【判断】85、JavaScript中getElementById是对象window的方法。A、正确B、错误参考答案：B【判断】86、String对象的所有方法都必须要先创建实例才能使用。A、正确B、错误参考答案：B【判断】87、Math对象的属性与方法均可以直接使用，而不用创建对象实例。A、正确B、错误参考答案：A【判断】88、要使用任何一个JavaScript对象，都必须先用new创建它。A、正确B、错误参考答案：B【判断】89、JavaScript中的数组不能随意扩展其大小。A、正确B、错误参考答案：B【判断】90、JavaScript中disabled属性可用于文本框，也可用于单选按钮、复选按钮等。A、正确B、错误参考答案：A【判断】91、HTML文档结构树的根节点为＜html＞A、正确B、错误参考答案：A【判断】92、DOM下，可通过document.nodeType返回节点类型。A、正确B、错误参考答案：A【判断】93、JavaScript程序在使用前需先经过编译。A、正确B、错误参考答案：B【判断】94、＜script＞标记用于界定一个JavaScript代码段。A、正确B、错误参考答案：A【判断】95、JavaScript没有强制要求每条语句后添加分号作为结束，因此即使一个JavaScript语句后没有添加分号也不会影响该语句的执行。A、正确B、错误参考答案：A【多项选择】96、JavaScript的数据类型包括（）A、字符串类型B、数值类型C、对象类型D、布尔类型参考答案：ABCD【多项选择】97、JavaScript中，window对象的子对象navigator对象的常用属性有（）A、appNameB、appVersionC、userAgentD、availWidth参考答案：ABC【多项选择】98、下列关于JavaScript标识符的说明，正确的是（）A、JavaScript中的标识符不区分大小写B、JavaScript中尽量不要使用预定义的保留字做标识符C、JavaScript中的标识符必须由字母、下划线、美元号等符号开头D、JavaScript中的标识符=由字母、下划线、美元号、数字等符号组成参考答案：ABCD【多项选择】99、JavaScript中可用于删除DOM节点的document方法有（）A、removeAttribute()B、removeAttributeNode()C、removeChild()D、appendChild()参考答案：BC【多项选择】100、JavaScript中的String对象可用于提取子字符串的方法有（）A、indexOfB、lastIndexOfC、substringD、substr参考答案：CD【多项选择】101、JavaScript中可用于创建DOM节点的document方法有（）A、createComment()B、createElement()C、createTextNode()D、c