当前位置：文档库 › HTML5考试复习资料1

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. start To

D. begin To

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页面中插入的作用是：B

A. 调取谷歌的云服务

B. 调取谷歌的地图服务

C. 调取应用服务接口

D. 以上都不是

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

var img_url="https://www.wendangku.net/doc/df12061743.html,/maps/api/staticmap?center="

+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. 验证浏览器是否支持web workers

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. new Worker("workers.js");

B. create Worker("workers.js");

C. start Worker("workers.js");

D. set Worker("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. 面积

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

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重新提供了在客户端保存数据的功能Web Storage,分别是：

A. sessinState

B. sessinStorage

C. localStorage

D. localState

manifest文件的类型有哪几种:

A. manifest

B. cache

C. appcache

D. appmanifest

manifest文件包含哪几个部分：

A.CACHE

B.NOCACHE

C.FALLBACK

https://www.wendangku.net/doc/df12061743.html,WORK

利用文件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. https://www.wendangku.net/doc/df12061743.html,titude

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

在使用Web Worker线程时:

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

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

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

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

在使用Web Worker线程时需要：

A. 判断浏览器是否支持

B. 直接运行

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

D. 以上都对

判断

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

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

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

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

N Canvas绘制图形，可以使用createRadialGradient()方法创建一个线性渐变。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

N web worker 是运行在后台的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属性获取的是经度

https://www.wendangku.net/doc/df12061743.html,titude属性获取的是（纬度）

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

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

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

在HTML5中添加了( radio )标记来播放音频。

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

程序题

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

这是一段获取当前地理位置的代码，请将代码中******的部分补充完整，保存成html文件上交。

1…navigator.geolocation.getCurrentPosition(showPosition,showError,{enableHighAcuracy: true,timeout: 5000,maximumAge: 3000});

2…position

HTML5理论试卷一

HTML5工程师培训知识试卷（一）注意事项 1. 请首先按要求在试卷的标封处填写您的姓名、考号和身份证号。 2. 请仔细阅读各种题目的回答要求，在规定的位置填写您的答案。 3. 一、1 分。满分65分）： 1.关于HTML5说法正确的是( )。只是对HTML4的一个简单升级 B.所有主流浏览器都支持HTML5 新增了离线缓存机制主要是针对移动端进行了优化 2.以下说法不正确的是( )。标准还在制定中兼容以前HTML4下浏览器 C.

标签中，指定处理表单提交数据的脚本文件的属性为（）。 A. id B. name C. action 14.用来改变元素背景颜色的CSS属性为（）。 15.定义文本字体时，设置字体的尺寸的CSS属性为（）。 A. font-size B. font-family C. font-style D. font-variant 对象的（）方法可以用于从dataTransfer对象中以指定的格式获取数据。 A. getData() B. getItem() C. getText() D. Get() 17.关于Canvas坐标系统下面的说法错误的是（）。 A. Canvas使用二维坐标系统，即有X轴和Y轴两个坐标轴。 B.默认情况下，坐标轴原点位于窗口客户区的左下角，X轴向右为正，y轴向上为正。 C. Canvas坐标系统的度量单位为像素。 D. Canvas坐标系统有X轴和Y轴两个坐标轴。 18.可以使用（）标签在HTML文档中引用.svg文件。 A.

C. D. 19.在SVG代码中，可以使用（）标签绘制由一组直线构成的折线。 A. B. C. D. 20.在SVG代码中，可以使用（）标签绘制圆形。 A. B. C. D. 标签支持的音频文件类型不包括（）。 22.可以通过（）判断浏览器是否支持audio标签。 A. 属性 B. supportAudio()函数 C. 属性 D. detectAudio()函数 23.可以调用（） API实现跨文档发送消息。装

HTML5基础入门教程(小编搜集辛苦啊,必看)

HTML5教程什么是HTML5？ HTML5 将成为HTML、XHTML 以及HTML DOM 的新标准。 HTML 的上一个版本诞生于1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5 支持。你是不是多少有了解一点，但是你却对这个不精啊！可以进群交流，⑤①④①⑥⑦⑥⑦⑧。HTML5 是如何起步的？ HTML5 是W3C 与WHATWG 合作的结果。编者注：W3C 指World Wide Web Consortium，万维网联盟。编者注：WHATWG 指Web Hypertext Application Technology Working Group。WHATWG 致力于web 表单和应用程序，而W3C 专注于XHTML 2.0。在2006 年，双方决定进行合作，来创建一个新版本的HTML。为HTML5 建立的一些规则： ?新特性应该基于HTML、CSS、DOM 以及JavaScript。 ?减少对外部插件的需求（比如Flash） ?更优秀的错误处理 ?更多取代脚本的标记 ?HTML5 应该独立于设备 ?开发进程应对公众透明新特性 HTML5 中的一些有趣的新特性： ?用于绘画的canvas 元素

?用于媒介回放的video 和audio 元素 ?对本地离线存储的更好的支持 ?新的特殊内容元素，比如article、footer、header、nav、section ?新的表单控件，比如calendar、date、time、email、url、search 浏览器支持最新版本的Safari、Chrome、Firefox 以及Opera 支持某些HTML5 特性。Internet Explorer 9 将支持某些HTML5 特性。 HTML 5 视频许多时髦的网站都提供视频。HTML5 提供了展示视频的标准。 Web 上的视频直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过video 元素来包含视频的标准方法。视频格式当前，video 元素支持两种视频格式： Internet Explorer Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg X X X MPEG 4 X X Ogg = 带有Thedora 视频编码和Vorbis 音频编码的Ogg 文件 MPEG4 = 带有H.264 视频编码和AAC 音频编码的MPEG 4 文件

前端面试题大全(html篇)

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言。最主要的不同： (1)XHTML元素必须被正确地嵌套 (2)XHTML元素必须被关闭 (3)XHTML标签名必须用小写字母 (4)XHTML文档必须拥有根元素 2.什么是语义化的HTML html5的语义化是指用正确的标签包含正确的容，比如nav标签就应该包含导航条容 (1)直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！ (2)html语义化就是让页面的容结构化，便于对浏览器、搜索引擎解析 (3)在没有CCS样式情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下和各个关键字的权重，利于SEO。 (4)使阅读源代码的人更容易将分块，便于阅读维护理解。写一段语义的html代码(HTML5中新增加的很多标签如：

、

和