HTML5考试复习资料

1、单项选择1.selection 对象的哪个方法直接将用户选取的终点移到起点： A.selection.collapse();B.selection.containsNode();C.selection.collapseToEnd();D.selection.collapseToStart();2.从当前 selection 移除 range 对象使用的方法是： CA.addRange(range);B.removeAllRanges()C.removeRange(range);D.getRangeAt(index);3.创立一个 selection 对象用的是哪个方法： C (); ();()

2、; ();4.删除内容用的是哪个方法：A.cloneRange();C.deleteContents();B.createRange();D.toString();5.创立 Range 用的是哪个方法： B A.cloneRange();C.deleteContents();B.document.createRange();D.toString();6.Ca nvas图形，需要在正中间的位置填充线性渐变色，使用 X 的值是多少？ CA. 50% B. 1/2addColorStop(X,"#0000ff"); 其中D. 507. cxt.arc(100,100,100,0,

3、Math.PI*2,true) Canvas绘制圆形的arc方法中，参数说明正确的选项 是： CA. 圆半径，圆心X坐标，圆心Y坐标，开始角度，结束角度，是否顺时针B. 圆心Y坐标，圆心X坐标，圆半径，开始角度，结束角度，是否顺时针C圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否顺时针D.圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否逆时针8. Ca nvas绘制线条时用下面哪个方法设置起点坐标：A9.Ca nvas用于填充颜色的属性是：A10.创立Canvas画布使用的方法是：CA.getContext("3d");B.document.Context

4、("3d");C.getContext("2d");D.document.Context("2d");11.window.history.forward() 它表示 C12. 本地存储用到的键名只能是：13. 读取 localStorage 数据的方法是： BA. localStorage.getItem" 键值 " " 键名 " " 键值 " " 键名 "14. 读取 sessionStorage 数据的方法是： B" 键值 " &q

5、uot; 键名 "键值 ；键名;15. sessionStorage 保存数据的方法正确的选项是： AA. sessionStorage.setltem 键名","键值"B. sessionStorage.saveltem键名","键值"C. sessionStorage.setltem键值","键名"D. sessionStorage.saveltem"键值","键名"B .以#开头的单行注释C.以!-的多行注释D.以/* */的多行注释17. 编写 m

6、anifest 文件分为几个局部： DA. 1B. 2C. 3D. 418. 配置 manifest 文件， llS 的配置方法是在网站属性的 联扩展名 manifest 内容类型输入 B头标签中找到MlME 类型添加关19 .离线应用中，manifest 文件放在网页文件的哪个标记后面A. BodyB. HtmlC. DivD. head20 .离线应用中，manifest 文件放在网页文件的哪个标记后面A. BodyB. HtmlC. DivD. head21. Blob 对象中的 type 属性表示文件的： DD. MlME 类型A. 文件名B. 文件大小C. 图片格式22. FileR

7、eader 对象使用方法把图片显示出来： CA. readAsBinaryStringB. readAsTextC. readAsDateURLD. readAsArrayBuffer23. 当使用Google图像搜索时，你可以把一幅图片从电脑桌面拖放到Google页面的输入框里，这就是使用 HTML5 的 API 实现的。 DA. HistoryB. SystemC. ImagesD. File24. 向子页面发送消息window.frames0.postMessage("ninhao", " :/localhost/ 2.html");:/local

8、host/ 2.html 指的是： BA. 发送方地址 B. 接收方地址 C. 以上都不是25 .向其他窗口发送消息， otherwindow.postMessage() 中的消息内容为所发送的消息文本， 也 可以是：A.程序脚本B.html代码C. JOSNt本D. XML代码26.跨文档消息传输过程中， event.data 属性： BA. 返回消息的文档来源B. 返回消息内容C. 返回消息的接受地址27 在 HTML 页面中插入 <scriptsrc=" :/maps.google /maps/api/js?sensor=false"></scrip

9、t> 的作用是： BA. 调取谷歌的云效劳B. 调取谷歌的地图效劳C. 调取应用效劳接口D. 以上都不是28. 使用 getCurrentPosition 获取当前地理位置信息，如果要输出图片需要使用 google 的 地图接口var img_url=" :/maps.googleapis /maps/api/staticmap?center=" +latlon+"&zoom=14&size=400x300&sensor=false" document.getElementById("mapholder"

10、).innerHTML="<img src='"+img_url+"' />"上述代码中 latlon 需要获取的是： AA. 海拔高度 B. 精确度C. 经纬度D. 延时29. 为了使元素可拖动，把属性设置为 true。 BA. Editable B. DraggableC. Contenteditable30. 控制视频暂停用的是哪个方法： BD. play();A. stop(); B. pause();C. paused();31. 在多媒体控制中以下代码 控制的是： if (myVideo.paused)myVide

11、o.play();ElseD. 以上都不是myVideo.pause();A. 全屏B. 静音判断(Y) execCommand 方法主要用来操作浏览器命令。(Y) selection 是对当前激活选中区即高亮文本进行操作，在非IE 浏览器 Firefox、Safari、Chrome、Opera下可以使用 window.getSelection()获得 selection 对象。(N) Canvas绘制图形，可以使用createRadialGradie nt()方法创立一个线性渐变。(Y) Ca nvas依赖分辨率，不支持事件处理器，文本渲染能力弱，能够以.png或.jpg格式保存结果图像，最

12、适合图像密集型的游戏。(Y) pushState()用于向history对象添加当前页面的记录，并且改变浏览器地址栏的URL。(Y) sess in Storage用来保存从浏览器翻开网站到关闭这段时间所要求保存的所有数据。(N) localStorage，将数据保存在客户端本地的硬盘里，但还是做不到永久保存。(N) Blob 对象有两个属性，一个是 size 属性，表示字节长度，一个是 name 属性，表示文件 的名称。(Y)跨文档消息传输指的是网页文档之间互相接受和发送消息的功能。(N)使用geolocation属性获取到的当前地理位置比应用程序中使用GPS更精准。(N)任何版本的浏览器都

13、可以使用geolocation属性获取当前地理位置(N)拖放API不支持在浏览器与其他应用程序之间的数据互相托动。(Y) <video>标记后面的preload属性表示视频在页面加载时进行加载，并预备播放。(Y)要确保适用于Safari浏览器，视频文件必须是MPEG4类型。(N) web worker是运行在后台的 JavaScript,独立于其他脚本，不会影响页面的性能，不能嵌 套子线程。填空1. ( rangeCount ) 返回 selection 中包含的 range 对象的数目，一般存在一个range， Ctrl健配合使用可以有多个。2. Canvas那么通过JavaSc

14、ript来绘制(2D )图形：3. window.history.go() 它表示跳转到某个页面，其中 go( 0)代表刷新当前页面。4. cookies 在客户端存储信息的大小控制在 4 K5. sessinStorage 和 localStorage 两种方法都不支持跨浏览器 操作。6. manifest文件中要缓存的文件写在cache局部。7. 在文件API中，filelist对象是file对象的列表。8. File控件内只允许选择一个文件，要允许选择多个文件，需要在标记后添加multiple丨属性。9. 跨文档消息传输功能需要对窗口对象的 message事件进行监听。 属性获取位置信息

15、的时间12. position.coords.latitude 属性获取的是纬度13. 如果一个元素允许被拖动的元素放入其中，需要参加dataTransfer.getData(“text ) 事件规定在何处放置被拖动的数据。14. 在HTML5中要实现拖放操作，需要将要拖放的对象元素的draggable属性设置为true<video src="movie.ogg"></video> 这行标记不能显示视频时因为没有添加 controls 属性16. 在HTML5中添加了(radio )标记来播放音频。17. (worker) 用来实现 web 平台上的

16、多线程处理功能。18. 要使块级元素或表元素水平居中，可以将其margin 的左右边距设置为 auto。19. HTML5中，<video>标签支持以下三种视频格式：Ogg、 MPEG4和 WebM。20. CSS有3种根本的定位机制：普通流、浮动和绝对定位。简答题1.简述HTML5提供了哪些新的元素来创立更好的页面结构答：<section> 标签用于定义文档中的区段。<header>标签用于定义文档的页眉介绍信息。<footer>标签用于定义区段section或文档的页脚。通常，该元素包含作者的、文档的创 作日期或者联系方式等信息。<n

17、av>标签用于定义导航链接。<article>标签用于定义文章或网页中的主要内容。<aside>标签用于定义主要内容之外的其他内容。<figure>标签用于定义独立的流内容图像、图表、照片、代码等等。2HTML5 新增的与数据存储和数据处理相关的新功能有哪些？ 答：HTML5 新增的与数据存储和数据处理相关的新功能如下： 1 Web 通信在 HTML 4 中，出于平安考虑，一般不允许一个浏览器的不同框架、不同标签页、不同窗口 之间的应用程序互相通信，以防止恶意攻击。如果要实现跨域通信只能通过 Web 效劳器作 为中介。但在桌面应用中，经常需要进行跨通信

18、。HTML 5提供了这种跨域通信的消息机制。2本地存储HTML 4的存储能力很弱，只能使用 Cookie 存储很少量的数据，比方用户名和密码。HTML 5扩充了文件存储的能力，可以存储多达5MB的数据。而且还支持 WebSQL和IndexedDB等轻量级数据库，大大增强了数据存储和数据检索能力。3离线应用传统 Web 应用程序对 Web 效劳器的依赖程度非常高，离开 Web 效劳器几乎什么都做不了。 而使用 HTML 5可以开发支持离线的 Web 应用程序， 在连接不上 Web 效劳器时， 可以切换 到离线模式；等到可以连接 Web 效劳器时，再进行数据同步，把离线模式下完成的工作提 交到 Web 效劳器。3.简述CSS颜色中的HSL颜色。答：CSS3支持以HSL声明的形式表现颜色。HSL色彩模式是工业界的一种颜色标准，是通过对色调H、饱和度S、亮度L三个颜色通道的变化以及它们相互之间的叠加来得到各 式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。HSL声明的定义形式如下