HTML5考试复习资料.doc

单选1.selection对象的哪个方法直接将用户选取的终点移到起点：DA.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对象用的是哪个方法：CA.window.getSelection();B.document.getSelection();C.document.createSelection();D.window.createSelection();4.删除内容用的是哪个方法：CA.cloneRange();B.createRange();C.deleteContents();D.toString();5.创建Range用的是哪个方法：BA.cloneRange();B.document.createRange();C.deleteContents();D.toString();6.Canvas图形，需要在正中间的位置填充线性渐变色，使用addColorStop(X,#0000ff); 其中X的值是多少？CA. 50%B. 1/2C. 0.5D. 507.cxt.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.lineToB.moveToC.startToD.beginTo9.Canvas用于填充颜色的属性是：AA.fillStyleB.fillRectC.lineWidthD.strokeRect10.创建Canvas画布使用的方法是：CA.getContext(3d);B.document.Context(3d);C.getContext(2d); D.document.Context(2d); 11.window.history.forward()它表示 CA.前进到下一个页面B.返回到上一个页面C.刷新到下一个页面D.刷新到当前页面12.本地存储用到的键名只能是：AA.唯一的B.多样性的C.可变得D.无所谓 13.读取localStorage数据的方法是：BA.localStorage.getItem(键值);B.localStorage.getItem(键名);C.localStorage.loadItem(键值);D.localStorage.loadItem(键名);14.读取sessionStorage数据的方法是：BA.sessionStorage.getItem(键值);B.sessionStorage.getItem(键名);C.sessionStorage.loadItem(键值);D.sessionStorage.loadItem(键名);15.sessionStorage保存数据的方法正确的是：AA.sessionStorage.setItem(键名,键值);B.sessionStorage.saveItem(键名,键值);C.sessionStorage.setItem(键值,键名);D.sessionStorage.saveItem(键值,键名);16.编写manifest文件中的注释是BA.以/开头的单行注释B.以#开头的单行注释C.以的多行注释D.以/* */的多行注释17.编写manifest文件分为几个部分：D A. 1B. 2C. 3D. 418.配置manifest文件，IIS的配置方法是在网站属性的http头标签中找到MIME类型添加关联扩展名manifest内容类型输入（）BA.text/manifestB.text/cache-manifestC.text/manifest-cacheD.text/local-manifest19.离线应用中，manifest文件放在网页文件的哪个标记后面AA.BodyB.HtmlC.DivD.head20.离线应用中，manifest文件放在网页文件的哪个标记后面AA.BodyB.HtmlC.DivD.head21.Blob对象中的type属性表示文件的：DA.文件名B.文件大小C.图片格式D.MIME类型22.FileReader对象使用（）方法把图片显示出来：CA.readAsBinaryStringB.readAsTextC.readAsDateURLD.readAsArrayBuffer23.当使用Google图像搜索时，你可以把一幅图片从电脑桌面拖放到Google页面的输入框里，这就是使用HTML5的（）API实现的。DA.HistoryB.SystemC.ImagesD.File24.向子页面发送消息window.frames0.postMessage(ninhao,http:/localhost/2.html);http:/localhost/2.html指的是：BA.发送方地址B.接收方地址C.以上都不是25.向其他窗口发送消息，otherwindow.postMessage()中的消息内容为所发送的消息文本，也可以是：A. 程序脚本B. html代码C. JOSN文本D. XML代码26.跨文档消息传输过程中，event.data属性：BA. 返回消息的文档来源B. 返回消息内容C. 返回消息的接受地址27在HTML页面中插入的作用是：BA. 调取谷歌的云服务B. 调取谷歌的地图服务C. 调取应用服务接口D. 以上都不是28.使用getCurrentPosition（）获取当前地理位置信息，如果要输出图片需要使用google的地图接口var img_url=/maps/api/staticmap?center= +latlon+&zoom=14&size=400x300&sensor=false; document.getElementById(mapholder).innerHTML=; 上述代码中latlon需要获取的是：A A. 海拔高度B. 精确度C. 经纬度D. 延时 29.为了使元素可拖动，把（）属性设置为 true。B A. EditableB. DraggableC. Contenteditable 30.控制视频暂停用的是哪个方法：B A. stop();B. pause();C. paused();D. play();31.在多媒体控制中以下代码 控制的是：C if (myVideo.paused)myVideo.play(); ElsemyVideo.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()用于向history对象添加当前页面的记录，并且改变浏览器地址栏的URL。(Y)sessinStorage，用来保存从浏览器打开网站到关闭这段时间所要求保留的所有数据。(N)localStorage，将数据保存在客户端本地的硬盘里，但还是做不到永久保存。(N)Blob对象有两个属性，一个是size属性，表示字节长度，一个是name属性，表示文件的名称。(Y)跨文档消息传输指的是网页文档之间互相接受和发送消息的功能。(N)使用geolocation属性获取到的当前地理位置比应用程序中使用GPS更精准。(N)任何版本的浏览器都可以使用geolocation属性获取当前地理位置(N)拖放API不支持在浏览器与其他应用程序之间的数据互相托动。(Y) 标记后面的preload属性表示视频在页面加载时进行加载，并预备播放。(Y)要确保适用于Safari 浏览器，视频文件必须是MPEG4类型。(N) web worker 是运行在后台的 JavaScript，独立于其他脚本,不会影响页面的性能，不能嵌套子线程。填空1. ( rangeCount ) 返回selection中包含的range对象的数目，一般存在一个range，Ctrl健配合使用可以有多个。2. Canvas则通过JavaScript来绘制 ( 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）事件进行监听。10. position.timestamp属性获取位置信息的（时间）11.position.coords.longitude属性获取的是( 经度)12.position.coords.latitude属性获取的是（纬度）13.如果一个元素允许被拖动的元素放入其中，需要加入（ dataTransfer.getData(“text”) ）事件规定在何处放置被拖动的数据。14.在HTML5中要实现拖放操作，需要将要拖放的对象元素的draggable属性设置为（true）15.在浏览器支持的前提下这行标记不能显示视频时因为没有添加（controls）属性16.在HTML5中添加了(radio)标记来播放音频。17.( worker )用来实现web平台上的多线程处理功能。18.要使块级元素或表元素水平居中，可以将其margin的左右边距设置为（auto）。19.HTML5中，标签支持以下三种视频格式：Ogg、（MPEG4）和WebM。20.CSS有3种基本的定位机制：普通流、（浮动）和（绝对定位）。简答题1简述HTML5提供了哪些新的元素来创建更好的页面结构答： 标签用于定义文档中的区段。 标签用于定义文档的页眉（介绍信息）。 标签用于定义区段（section）或文档的页脚。通常，该元素包含作者的姓名、文档的创作日期或者联系方式等信息。 标签用于定义导航链接。 标签用于定义文章或网页中的主要内容。 标签用于定义主要内容之外的其他内容。 标签用于定义独立的流内容（图像、图表、照片、代码等等）。2HTML5新增的与数据存储和数据处理相关的新功能有哪些？答：HTML5新增的与数据存储和数据处理相关的新功能如下：（1）Web通信在HTML 4中，出于安全考虑，一般不允许一个浏览器的不同框架、不同标签页、不同窗口之间的应用程序互相通信，以防止恶意攻击。如果要实现跨域通信只能通过Web服务器作为中介。但在桌面应用中，经常需要进行跨通信。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声明的定义形式如下：hsl(色调值, 饱和度值, 亮度值)参数说明如下： 色调值，用于定义色盘，0和360是红色，接近120的是绿色，240是蓝色； 饱和度值，一个百分比，0%是灰度，100%饱和度最高； 亮度值，个百分比：0%是最暗，50%均值，100%最亮。HSLA声明在HSL颜色的基础上增加了一个A参数，设置该颜色的透明度。与RGBA一样，A参数的取值范围也为01，0表示完全透明（即不可见），1表示完全不透明。4比较SVG图像与JPEG和GIF，并说明SVG图像有哪些优点？答：与JPEG和GIF等格式的图像相比，SVG图像主要具有如下优势： SVG图像可以使用任何文本编辑器创建和编辑，而JPEG和GIF等格式的图像则必须使用专用的图像编辑软件创建和编辑。 SVG图像更易于压缩、搜索（适用于制作地图）、索引和脚本化。 缩放SVG图像时，图像不变形。 可以在任何分辨率下打印高质量的SVG图像。5试比较SVG与Canvas，二者有哪些异同点？答：SVG与Canvas相比的异同如下： SVG是在XML中描述二维图像的语言；而Canvas则在JavaScript程序中绘制二维图像。 在SVG中，每一个绘制的图形都会被记录为一个对象，当SVG对象的属性变化时，浏览器会自动重画图形。 Canvas图像是一个像素一个像素绘制的，一旦图像绘制完成，浏览器就会忘了它。如果图像的位置变化了，那么场景都要重画，包括被该图像覆盖的对象。程序题使用Canvas绘制一个宽200像素高100像素的红色矩形块。varpic=document.getElementById(mpc);varcon=pic.ge