HTML5考试复习资料1.docx

HTML5考试复习资料1.docx

《HTML5考试复习资料1.docx》由会员分享，可在线阅读，更多相关《HTML5考试复习资料1.docx（20页珍藏版）》请在冰点文库上搜索。

HTML5考试复习资料1

单选

selection对象的哪个方法直接将用户选取的终点移到起点：

D

A.selection.collapse（）;

B.selection.containsNode（）;

C.selection.collapseToEnd（）;

D.selection.collapseToStart（）;

从当前selection移除range对象使用的方法是：

C

A.addRange（range）;

B.removeAllRanges（）

C.removeRange（range）;

D.getRangeAt（index）;

创建一个selection对象用的是哪个方法：

C

A.window.getSelection（）;

B.document.getSelection（）;

C.document.createSelection（）;

D.window.createSelection（）;

删除内容用的是哪个方法：

C

A.cloneRange（）;

B.createRange（）;

C.deleteContents（）;

D.toString（）;

创建Range用的是哪个方法：

B

A.cloneRange（）;

B.document.createRange（）;

C.deleteContents（）;

D.toString（）;

Canvas图形，需要在正中间的位置填充线性渐变色，使用addColorStop（X,"#0000ff"）;其中X的值是多少？

C

A.50%

B.1/2

C.0.5

D.50

cxt.arc（100,100,100,0,Math.PI*2,true）Canvas绘制圆形的arc方法中，参数说明正确的是：

C

A.圆半径，圆心X坐标，圆心Y坐标，开始角度，结束角度，是否顺时针

B.圆心Y坐标，圆心X坐标，圆半径，开始角度，结束角度，是否顺时针

C.圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否顺时针

D.圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否逆时针

Canvas绘制线条时用下面哪个方法设置起点坐标：

A

A.lineTo

B.moveTo

C.startTo

D.beginTo

Canvas用于填充颜色的属性是：

A

A.fillStyle

B.fillRect

C.lineWidth

D.strokeRect

创建Canvas画布使用的方法是：

C

A.getContext（"3d"）;

B.document.Context（"3d"）;

C.getContext（"2d"）;

D.document.Context（"2d"）;

window.history.forward（）它表示C

A.前进到下一个页面

B.返回到上一个页面

C.刷新到下一个页面

D.刷新到当前页面

本地存储用到的键名只能是：

A

A.唯一的

B.多样性的

C.可变得

D.无所谓

读取localStorage数据的方法是：

B

A.localStorage.getItem（"键值"）;

B.localStorage.getItem（"键名"）;

C.localStorage.loadItem（"键值"）;

D.localStorage.loadItem（"键名"）;

读取sessionStorage数据的方法是：

B

A.sessionStorage.getItem（"键值"）;

B.sessionStorage.getItem（"键名"）;

C.sessionStorage.loadItem（"键值"）;

D.sessionStorage.loadItem（"键名"）;

sessionStorage保存数据的方法正确的是：

A

A.sessionStorage.setItem（"键名","键值"）;

B.sessionStorage.saveItem（"键名","键值"）;

C.sessionStorage.setItem（"键值","键名"）;

D.sessionStorage.saveItem（"键值","键名"）;

编写manifest文件中的注释是B

A.以//开头的单行注释

B.以#开头的单行注释

C.以

---->的多行注释

D.以/**/的多行注释

编写manifest文件分为几个部分：

D

A.1

B.2

C.3

D.4

配置manifest文件，IIS的配置方法是在网站属性的http头标签中找到MIME类型添加关联扩展名manifest内容类型输入（）B

A.text/manifest

B.text/cache-manifest

C.text/manifest-cache

D.text/local-manifest

离线应用中，manifest文件放在网页文件的哪个标记后面A

A.body

B.html

C.div

D.head

离线应用中，manifest文件放在网页文件的哪个标记后面A

A.body

B.html

C.div

D.head

Blob对象中的type属性表示文件的：

D

A.文件名

B.文件大小

C.图片格式

D.MIME类型

FileReader对象使用（）方法把图片显示出来：

C

A.readAsBinaryString

B.readAsText

C.readAsDateURL

D.readAsArrayBuffer

当使用Google图像搜索时，你可以把一幅图片从电脑桌面拖放到Google页面的输入框里，这就是使用HTML5的（）API实现的。

D

A.history

B.system

C.images

D.File

向子页面发送消息window.frames[0].postMessage（"ninhao","http:

//localhost/2.html"）;

http:

//localhost/2.html指的是：

B

A.发送方地址

B.接收方地址

C.以上都不是

向其他窗口发送消息，otherwindow.postMessage（）中的消息内容为所发送的消息文本，也可以是：

A.程序脚本

B.html代码

C.JOSN文本

D.XML代码

跨文档消息传输过程中，event.data属性：

B

A.返回消息的文档来源

B.返回消息内容

C.返回消息的接受地址

在HTML页面中插入

A.调取谷歌的云服务

B.调取谷歌的地图服务

C.调取应用服务接口

D.以上都不是

使用getCurrentPosition（）获取当前地理位置信息，如果要输出图片需要使用google的地图接口

varimg_url="

+latlon+"&zoom=14&size=400x300&sensor=false";

document.getElementById（"mapholder"）.innerHTML="";

上述代码中latlon需要获取的是：

A

A.海拔高度

B.精确度

C.经纬度

D.延时

navigator.geolocation.getCurrentPosition（showPosition,showError,{

enableHighAcuracy:

true,

timeout:

5000,

maximumAge:

3000

}）;

上述代码中的maximumAge指的是：

A.指示浏览器获取高精度的位置

B.指定获取地理位置的超时时间

C.最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置。

D.以上都不是

使用getCurrentPosition（）获取当前地理位置信息，返回error.PERMISSION_DENIED表示：

A.用户拒绝了

B.获取不到

C.获取超时

D.未知错误

if（navigator.geolocation）

{

navigator.geolocation.getCurrentPosition（showPosition）;

}

else{}

}

上述代码是用来：

A.验证浏览器是否支持拖拽

B.验证浏览器是否支持地理位置

C.验证浏览器是否支持webworkers

D.验证浏览器是否支持webSocket

在实现拖拽效果时，需要通过（）方法获得被拖的数据：

A.preventDefault（）

B.appendChild.getData（"Text"）

C.dataTransfer.setData（"Text"）

D.dataTransfer.getData（"Text"）

在实现拖拽效果时，需要调用（）方法来避免浏览器对数据的默认处理

A.preventDefault（）

B.childDefault（）

C.preventIndex（）

D.childIndex（）

为了使元素可拖动，把（）属性设置为true。

A.editable

B.draggable

C.contenteditable

控制视频暂停用的是哪个方法：

A.stop（）;

B.pause（）;

C.paused（）;

D.play（）;

有必要时，页面在切换或者最小化时需要使用（）API来处理视频的播放或暂停状态。

A.Display

B.Visibility

C.System

D.File

在多媒体控制中以下代码控制的是：

if（myVideo.paused）

myVideo.play（）;

else

myVideo.pause（）;

A.全屏

B.静音

C.暂停和播放

D.以上都不是

Worker线程文件中使用哪个方法向HTML页面传回数据：

A.onmessage（）;

B.getMessage（）;

C.postMessage（）;

终止Worker线程的方法是：

A.stop（）;

B.terminate（）;

C.endworker（）;

D.stopworker（）;

创建一个Worker线程的方法是：

A.newWorker（"workers.js"）;

B.createWorker（"workers.js"）;

C.startWorker（"workers.js"）;

D.setWorker（"workers.js"）;

多选

下面哪些属于Range对象的方法：

A.insertNode（）;

B.selectNode（）;

C.selectNodeContents（）;

D.addRange（）;

E.deleteContents（）;

document.execCommand（”参数一","参数二","参数三"）其中的参数一、参数二、参数三分别指的是什么？

A.指令参数

B.交互方式

C.值

D.命令类别

E.以上都不是

Canvas绘制图形中绘制线性渐变createLinearGradient（0,0,200,200），其中的四个参数分别是

A.起点X坐标

B.起点Y坐标

C.结束点X坐标

D.宽和高

E.结束点Y坐标

Canvas绘制图形中定义边框的strokeRect（）方法中的四个参数分别是：

A.起点X坐标

B.起点Y坐标

C.宽

D.高

E.面积

HTML5history对象提供了哪两个新方法，它们允许我们添加和改变当前浏览器的地址：

A.pushState（）

B.localState（）

C.replaceState（）

D.sessionState（）

localStorage读取数据的方法有：

A.变量=sessionStorage.getItem（"键名"）;

B.变量=sessionStorage.键名;

C.变量=localStorage.getItem（"键名"）;

D.变量=localStorage.键名;

sessionStorage保存数据的方法有：

A.sessionStorage.setItem（"键名","键值"）;

B.sessionStorage.键名="键值";

C.localStorage.setItem（"键名","键值"）;

D.localStorage.键名="键值";

Html5重新提供了在客户端保存数据的功能WebStorage,分别是：

A.sessinState

B.sessinStorage

C.localStorage

D.localState

manifest文件的类型有哪几种:

A.manifest

B.cache

C.appcache

D.appmanifest

manifest文件包含哪几个部分：

A.CACHE

B.NOCACHE

C.FALLBACK

D.NETWORK

利用文件API可以对file控件的上传文件的哪些属性进行控制或验证：

A.文件名

B.文件大小

C.文件类型

D.文件作者

E.文件路径

下面哪些是FileReader对象的方法：

A.readAsBinaryString

B.readAsText

C.readAsDateURL

D.readAsArrayBuffer

E.abort

Blob对象的属性有：

A.name

B.lastModifiedDate

C.type

D.size

file对象的属性有：

A.name

B.lastModifiedDate

C.type

D.size

当文档接收到message事件时，执行message事件的事件处理程序，事件对象event中包含以下属性：

A.origin属性

B.data属性

C.source属性

D.size属性

E.name属性

向其他窗口发送消息：

otherwindow.postMessage（参数一,参数二）;

其中参数一和参数二分别代表：

A.所发送的消息文本

B.所发送的html代码

C.接收消息的对象窗口的URL地址

D.接收到的消息

获取当前地理位置信息失败时使用error对象作为回调函数，下面属于error对象的属性的有：

A.error.PERMISSION_DENIED

B.error.POSITION_UNAVAILABLE

C.error.TIMEOUT

D.error.UNKNOWN_ERROR

如果获取地理位置成功，则会在成功返回的回调函数中通过访问position对象的一些属性来得到这些位置信息，下面属于position对象的属性的是：

A.position.coords.latitude

B.position.coords.longitude

C.position.coords.altitude

D.position.timestamp

使用getCurrentPosition（）获取当前地理位置信息，定义如下：

getCurrentPosition（参数一，参数二，参数三）

三个参数分别是：

A.获取当前地理位置信息成功时所执行的回调函数

B.获取当前地理位置信息失败时所执行的回调函数

C.可选属性的列表

D.都不是

当元素允许被拖入其他元素，需要加到元素后面的两个事件是

A.draggable

B.ondrop

C.ondragstart

D.ondragover

当元素被拖动，需要加到元素后面的两个事件是

A.draggable

B.ondrop

C.ondragstart

D.ondragover

A.autoplay

B.height

C.loop

D.preload

E.width

能支持MP4格式的视频的浏览器有：

A.IE

B.Firefox

C.Opera

D.Chrome

E.Safari

在使用WebWorker线程时:

A.当webworker传递消息时，html会执行事件监听器中的代码

B.使用event.data来读取数据

C.不需要监听，直接显示线程文件的处理结果

D.需要监听，直接显示线程文件的处理结果

在使用WebWorker线程时需要：

A.判断浏览器是否支持

B.直接运行

C.判断当前页面是否已经有worker对象，如果没有创建一个

D.以上都对

判断

YexecCommand方法主要用来操作浏览器命令。

Yselection是对当前激活选中区（即高亮文本）进行操作，在非IE浏览器（Firefox、Safari、Chrome、Opera）下可以使用window.getSelection（）获得selection对象。

Range是一种fragment（HTML片断），它包含了节点或文本节点的一部分,只能通过document.createRange（），不能通过selection象的getRangeAt（）方法获得。

在canvas绘制完成一个图像后，如果需要保存该图像，使用toDataURL（）;方法输出图像。

NCanvas绘制图形，可以使用createRadialGradient（）方法创建一个线性渐变。

YCanvas依赖分辨率，不支持事件处理器，文本渲染能力弱，能够以.png或.jpg格式保存结果图像，最适合图像密集型的游戏。

YpushState（）用于向history对象添加当前页面的记录，并且改变浏览器地址栏的URL。

YsessinStorage，用来保存从浏览器打开网站到关闭这段时间所要求保留的所有数据。

NlocalStorage，将数据保存在客户端本地的硬盘里，但还是做不到永久保存。

在使用离线应用的时候，浏览器需要监听网络，及时的判断当前的网络状态，以做出相应的处理。

NETWORK：

指定需要被缓存到本地的文件。

NBlob对象有两个属性，一个是size属性，表示字节长度，一个是name属性，表示文件的名称。

FileReader对象主要用来把文件写入内存，并且读取文件中的数据。

完成两个页面之间的相互通信，不需要为两个页面window对象分别设置监听和发送消息（message）事件。

Y跨文档消息传输指的是网页文档之间互相接受和发送消息的功能。

N使用geolocation属性获取到的当前地理位置比应用程序中使用GPS更精准。

N任何版本的浏览器都可以使用geolocation属性获取当前地理位置

N拖放API不支持在浏览器与其他应用程序之间的数据互相托动。

元素默认的处理方式是无法将数据/元素放置到其他元素中，需要使用event.preventDefault（）;来处理。

Y

Y要确保适用于Safari浏览器，视频文件必须是MPEG4类型。

WebWorkers用来处理运行耗时长js代码段。

Nwebworker是运行在后台的JavaScript，独立于其他脚本,不会影响页面的性能，不能嵌套子线程。

填空

（rangeCount）返回selection中包含的range对象的数目，一般存在一个range，Ctrl健配合使用可以有多个。

Canvas则通过JavaScript来绘制（2D）图形:

window.history.go（）。

它表示跳转到某个页面，其中go（0）代表刷新当前页面.

cookies在客户端存储信息的大小控制在（4）K

sessinStorage和localStorage两种方法都不支持（跨浏览器）操作。

当浏览器对本地缓存进行更新，装入新的资源文件时，会触发applicationCache对象的（）事件，通知本地缓存已经更新。

应用程序缓存（）对象代表了本地缓存，可以用它来通知用户本地缓存已经被更新，也允许本地用户手工更新缓存。

manifest文件中要缓存的文件写在（cache）部分。

Web应用程序的本地缓存是通过每个页面的（）文件来管理的。

在文件API中，（filelist）对象是file对象的列表。

File控件内只允许选择一个文件，要允许选择多个文件，需要在标记后添加（multiple）属性。

跨文档消息传输功能需要对窗口对象的（message）事件进行监听。

window.addEventListener（"message",function（event）{

if（event.origin!

="http:

//localhost"）return;

document.getElementById（"receive"）.innerHTML=event.origin+"返回的消息：

"+event.data;

},false）;

上面的监听message事件中，忽略了（）之外的页面发送的消息。

position.timestamp属性获取位置信息的（时间）

position.coords.longitude属性获取的是经度

position.coords.latitude属性获取的是（纬度）

如果一个元素允许被拖动的元素放入其中，需要加入（dataTransfer.getData（“text”））事件规定在何处放置被拖动的数据。

在HTML5中要实现拖放操作，需要将要拖放的对象元素的draggable属性设置为（true）

在浏览器支持的前提下这行标记不能显示视频时因为没有添加（controls）属性

在HTML5中添加了（radio）标记来播放音频。

（worker）用来实现web平台上的多线程处理功能。

程序题

使用Canvas绘制一个宽200像素高100像素的红色矩形块。

#F00"">

varpic=document.getElementById（"mpc"）;

varcon=pic.getContext（"2d"）;