HTML5考试复习资料

1、HTML5考试复习资料单选1.selection对象的哪个方法直接将用户选取的终点移到起点：DA. selection,collapse();B. selection.containsNode();C. selection,co11apseToEnd();D. selection,collapseToStart();2.从当前selection移除range对象使用的方法是：cA. addRange(range);B. removeAlIRanges()C. removeRange(range);D. getRangeAt(index);3.创建一个selection对象用的是哪个方法：CA.

2、 window.getSelection();B. document.getSelection();C. document.createSelection();D. window.createSelection();4.删除内容用的是哪个方法：CA.cloneRange();B.createRange();C. deleteContents();D. toString();5. 创建Range用的是哪个方法:A. cloneRange();B. document.createRange();C. deleteContents();D. toString();6. Canvas图形，需要在正中间

3、的位置填充线性渐变色，使用addColorStop(X,"#0000ff");其中X的值是多少？CA.50%B.1/2C.0.5D.507. ext.arc(100,100,100,0,Math.PI*2,true)Canvas绘制形的arc方法中，参数说明正确的是：CA.半径,心X坐标,心Y坐标，开始角度,结束角度，是否顺时针B.圆心Y坐标，圆心X坐标,半径，开始角度,结束角度，是否顺时针C.心X坐标,心Y坐标，圆半径，开始角度,结束角度，是否顺时针D.心X坐标,心Y坐标,半径，开始角度,结束角度，是否逆时针8. Canvas绘制线条时用下面哪个方法设置起点坐标：AA.l

4、ineToB.moveToC.startToD.beginTo9. Canvas用于填充颜色的属性是:A.fillStyleB.fillRectC.lineWidthD.strokeRect10.创建Canvas画布使用的方法是:A. getContext("3d");B. document.Context("3d");C. getContext("2d");D. document.Context("2d");11.window,history,forward()它表示CA.前进到下一个页面B.返回到上一个页面C.

5、刷新到下一个页面D.刷新到当前页面12 .本地存储用到的键名只能是：AA.唯一的B.多样性的C.可变得D.无所谓13 .读取localstorage数据的方法是：BA. localstorage.getItem（“键值"）；B. localStorage.getItem（“键名"）;C. localstorage.loadltem（“键值"）；DlocalStorageloadltem（"键名"）;14.读取sessionStorage数据的方法是：BA. sessionStorage.getltem（“键值"）；B. session

6、Storage.getltem（"键名"）;C. sessionStorage.loaditem（vD. sessionStorage.loadltem（"键名"）;15 .sessionStorage保存数据的方法正确的是:AA. sessionStorage.setltem（"键名"，"键值"）;B. sessionStorage.saveltem（"键名"，"键值"）；C. sessionStorage.setltem（"键值"，"键名&q

7、uot;）;D. sessionStorage.saveitem（"键值"，"键名"）；16 .编写manifest文件中的注释是BA.以开头的单行注释B.以#开头的单行注释C.以!的多行注释D.以/* */的多行注释17 .编写manifest文件分为几个部分：DA. 1 B. 2C. 3D. 418 .配置manifest文件，IIS的配置方法是在网站属性的http头标签中找到MIME类型添加关联扩展名manifest内容类型输入（）BA. text/manifestB. text/cache-manifestC. text/manifest-cac

8、heD.text/local-manifest19.离线应用中，manifest文件放在网页文件的哪个标记后面AA.BodyB.HtmlC.DivD. head20.离线应用中，manifest文件放在网页文件的哪个标记后面AA.BodyB.HtmlC.DivDehead2LBlob对象中的type属性表示文件的：DA.文件名B.文件大小C.图片格式D.MIME类型22.FileReader对象使用。方法把图片显示出来：CA. readAsBinaryStringB. readAsTextC. readAsDateURLD. readAsArrayBuffer23 .当使用Google图像搜索

9、时，你可以把一幅图片从电脑桌面拖放到Google页面的输入框里，这就是使用HTML5的。API实现的。DA. HistoryB. SystemC. ImagesD. File24 .向子页面发送消Mwindow,frames0postMessage("ninhao”,http:/localhost/2.html");http:/localhost/2.html指的是：BA.发送方地址B.接收方地址C.以上都不是25 .向其他窗口发送消息otherwindow.postMessage()中的消息内容为所发送的消息文本，也可以是：A.程序脚本B. html代码C. JOSN文本

10、D.XML代码26 .跨文档消息传输过程中，event.data属性:A.返回消息的文档来源B.返回消息内C.返回消息的接受地址27在HTML页面中插入<scriptsrchttp:/maps,google,com/maps/api/js?sensor=false"X/script>的作用是：BA.调取谷歌的云服务B.调取谷歌的地图服务C.调取应用服务接口D.以上都不是28 .使用getCurrentPosition()获取当前地理位置信息，如果要输出图片需要使用google的地图接口img_url="zhttp:/maps,document.getElemen

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

12、o.pause();A.全屏B.静音C,暂停和播放D.以上都不是判断(Y)execCommand方法主要用来操作浏览器命令。(Y)selection是对当前激活选中区(即高亮文本)进行操作，在非IE浏览器(Firefox、Safari、Chrome、Opera)下可以使用window.getSelection()获得selection对象。(N)Canvas绘制图形，可以使用createRadialGradient()方法创建一个线性渐变。(Y)Canvas依赖分辨率，不支持事件处理器,文本渲染能力弱，能够以.png或.jpg才式保存结果图像，最适合图像密集型的游戏。(Y)pushState(

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

14、持在浏览器与其他应用程序之间的数据互相托动。(Y)video标记后面的preload属性表示视频在页面加载时进行加载，并预备播放。(Y)要确保适用于Safari浏览器，视频文件必须是MPEG4类型。(N)webworker是运行在后台的JavaScript,独立于其他脚本,不会影响页面的性能，不能嵌套子线程。填空1. (rangeCount)返回selection中包含的range对象的数目，一般存在一个range,Ctrl健配合使用可以有多个。2. Canvas则通过JavaScript来绘制(2D)图形：3. window,history,go()它表示跳转到某个页面，其中go(0)代表刷

15、新当前页面。4. cookies在客户端存储信息的大小控制在5. sessinStorage和localstorage两种方法都不支持(跨浏览器)操作。6. manifest文件中要缓存的文件写在(cache)部分。7. 在文件API中，(filelist)对象是file对象的列表。8. File控件内只允许选择一个文件，要允许选择多个文件，需要在标记后添加(multiple)属性。9. 跨文档消息传输功能需要对窗口对象的(message)事件进行监听。10. position,timestamp属性获取位置信息的(时间)11. position,coords,longitude属性获取的是经

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

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

18、网页中的主要内容。aside标签用于定义主要内容之外的其他内容。图表、代码<figure标签用于定义独立的流内容(图像、)o2 .HTML5新增的与数据存储和数据处理相关的新功能有哪些？答:HTML5新增的与数据存储和数据处理相关的新功能如下:(1)Web通信在HTML4中，出于安全考虑，一般不允许一个浏览器的不同框架、不同标签页、不同窗口之间的应用程序互相通信，以防止恶意攻击。如果要实现跨域通信只能通过Web服务器作为中介。但在桌面应用中，经常需要进行跨通信。HTML5提供了这种跨域通信的消息机制。(2)本地存储HTML4的存储能力很弱，只能使用Cookie存储很少量的数据，比如用户名

19、和密码。HTML5扩充了文件存储的能力，可以存储多达5MB的数据。而且还支持WebSQL和IndexedDB等轻量级数据库，大大增强了数据存储和数据检索能力。（3）离线应用传统Web应用程序对Web服务器的依赖程度非常高，离开Web服务器几乎什么都做不了。而使用HTML5可以开发支持离线的Web应用程序，在连接不上Web服务器时，可以切换到离线模式；等到可以连接Web服务器时，再进行数据同步，把离线模式下完成的工作提交到Web服务器。3 .简述CSS颜色中的HSL颜色。答:CSS3支持以HSL声明的形式表现颜色。HSL色彩模式是工业界的一种颜色标准，是通过对色调（H）、饱和度（S）、亮度（L）三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力