《HTML5考试复习资料》由会员分享，可在线阅读，更多相关《HTML5考试复习资料（9页珍藏版）》请在文档大全上搜索。
1、精品文档单选selection 对象的哪个方法直接将用户选取的终点移到起点：DA.selectio n.collapse();B.selectio n.c on tainsNode();C.selectio n. collapseToE nd();D.selecti on. collapseToStart();2.从当前 selection 移除 range 对象使用的方法是：CA.addRa nge(ra nge); B.removeAIIRa nges()C.removeRa nge(ra nge);D.getRa ngeAt(i ndex);3.创建一个 selection 对象用的是哪
2、个方法：CA.wi ndow.getSelectio n (); B.docume nt.getSelection ();C.docume nt.createSelect ion (); D.win dow.createSelect ion ()4 删除内容用的是哪个方法：A.cl on eRa nge();C.deleteCo nten ts();5.创建 Range 用的是哪个方法:A.cl on eRa nge();C.deleteCo nten ts();CB.createRa nge();D.toStri ng();BB.docume nt.createRange();D.toStr
3、i ng();6.Canvas 图形，需要在正中间的位置填充线性渐变色，使用addColorStop(X,#OOOOff);其中 X 的值是多少？ CA. 50%B. 12C. 0.5D. 507.cxt.arc(100,100,100,0,Math.PI*2,true) Canvas 绘制圆形的 arc 方法中，参数说明正确的是：CA. 圆半径，圆心 X 坐标，圆心丫坐标，开始角度，结束角度，是否顺时针B. 圆心丫坐标，圆心 X 坐标，圆半径，开始角度，结束角度，是否顺时针C 圆心 X 坐标，圆心丫坐标，圆半径，开始角度，结束角度，是否顺时针D.圆心 X 坐标，圆心丫坐标，圆半径，开始角度，
4、结束角度，是否逆时针8.Ca nvas 绘制线条时用下面哪个方法设置起点坐标：AA.li neToB.moveToC.startToD.beg inTo9.Ca nvas 用于填充颜色的属性是：AA.fillStyleB.fillRectC.li neWidthD.strokeRect精品文档10 创建 Canvas 画布使用的方法是:A.getC on text(3d);C.getC on text(2d);11.window.history.forward()它表示 CCB.docume nt.Co ntext(3d);D.docume nt.Context(2d);精品文档12. 本地存
5、储用到的键名只能是：AA.唯一的B 多样性的C 可变得13. 读取 localStorage 数据的方法是：BA.localStorage.getltem（键值 ”）；B.localStorage.getltem（键名”）；C.localStorage.loadltem（键值）;D.localStorage.loadltem（键名）;14. 读取 sessionStorage 数据的方法是：BA.sessio nStorage.getltem（键值）; B.sessio nStorage.getltem（键名）;C.sessio nStorage.loadltem 键值）;D.sessio n
6、Storage.loadltem（键名）;15.sessio nStorage 保存数据的方法正确的是：AA. sessio nStorage.setltem（键名,键值）;B. sessio nStorage.saveltem 键名,键值）;C. sessio nStorage.setltem（键值,键名）;D. sessio nStorage.saveltem 键值,键名）;16. 编写 manifest 文件中的注释是 BA.以/开头的单行注释B.以#开头的单行注释C 以!-的多行注释D.以/* */的多行注释17. 编写 manifest 文件分为几个部分：DA. 1B. 2C. 31
7、8.配置 manifest 文件，IIS 的配置方法是在网站属性的http 头标签中找到 MIME类型添加关联扩展名 manifest 内容类型输入（）BA.text/ma ni festB.text/cache-ma nifestC.text/ma ni fest-cacheD.text/local-ma ni fest20.离线应用中，man ifest文件放在网页文件的哪个标记后面AA. BodyB. HtmlC. DivD. headA.前进到下一个页面C 刷新到下一个页面B.返回到上一个页面D.无所谓D. 419.离线应用中,man ifest 文件放在网页文件的哪个标记后面A. B
8、odyB. HtmlC. DivD. head精品文档21. Blob 对象中的 type 属性表示文件的：DA.文件名B.文件大小C.图片格式22.FileReader 对象使用 （） 方法把图片显示出来：CA. readAsBi naryStri ngB. readAsTextC. readAsDateURLD. readAsArrayBufferD. MIME 类型精品文档23.当使用 Google图像搜索时，你可以把一幅图片从电脑桌面拖放到Google 页面的输入框里，这就是使用 HTML5 的()API 实现的。DA. HistoryB. SystemC. ImagesD. File
9、24.向子页面发送消息 win dow.frames0.postMessage(” nin hao, http:/localhost/2.html);http:/localhost/2.html 指的是：BA.发送方地址B.接收方地址C.以上都不是25. 向其他窗口发送消息， otherwi ndow.postMessage ()中的消息内容为所发送的消 息文本，也可以是：A.程序脚本B. html 代码C. JOSF 文本D. XML 代码26. 跨文档消息传输过程中,A.返回消息的文档来源C.返回消息的接受地址 27 在 HTML 页面中插入v/script 的作用是: BA.调取谷歌的云
10、服务C.调取应用服务接口28. 使用 getCurrentPosition ()获取当前地理位置信息，如果要输出图片需要使用 google 的地图接口var img_url=http:/ nter=+latlo n+&zoom=14&size=400 x300&se nsor=false;docume nt.getEleme ntByld(mapholder).i nn erHTML=;上述代码中 latlon 需要获取的是：AA.海拔高度B.精确度 C.经纬度 D.延时29.为了使元素可拖动，把()属性设置为true。BA. Editable B. DraggableC. Conten te
11、ditable30. 控制视频暂停用的是哪个方法：BB. pause(); C. paused(); D. play();31. 在多媒体控制中以下代码 控制的是：Cif (myVideo.paused) myVideo.play();ElsemyVideo.pause();event.data 属性：BB.返回消息内容B.调取谷歌的地图服务D.以上都不是A. stop();精品文档A.全屏B.静音C 暂停和播放判断(Y) execComma nd 方法主要用来操作浏览器命令。(Y) selection 是对当前激活选中区(即高亮文本)进行操作，在非 IE 浏览器(Firefox、Safar、
12、Chrome、Opera)下可以使用 window.getSelection()获得 selection 对象。(N) Can vas 绘制图形，可以使用 createRadialGradie nt(方法创建一个线性渐变。(Y) Canvas 依赖分辨率，不支持事件处理器，文本渲染能力弱，能够 以.png 或.jpg 格式保存结果图像，最适合图像密集型的游戏。(Y) pushState()用于向 history 对象添加当前页面的记录，并且改变浏览器地址栏的 URL(Y) sessinStorage用来保存从浏览器打开网站到关闭这段时间所要求保留的所有 数据。(N) localstorage
13、将数据保存在客户端本地的硬盘里，但还是做不到永久保存。(N) Blob 对象有两个属性，一个是 size 属性，表示字节长度，一个是 name 属性, 表示文件的名称。(Y)跨文档消息传输指的是网页文档之间互相接受和发送消息的功能。(N)使用 geolocation 属性获取到的当前地理位置比应用程序中使用GPS 更精准。(N)任何版本的浏览器都可以使用 geolocation 属性获取当前地理位置(N)拖放 API 不支持在浏览器与其他应用程序之间的数据互相托动。(Y) 标记后面的 preload 属性表示视频在页面加载时进行加载，并预备播 放。(Y)要确保适用于 Safari 浏览器，视频
14、文件必须是 MPEG4 类型。(N) web worker 是运行在后台的 JavaScript 独立于其他脚本，不会影响页面的性 能，不能嵌套子线程。填空1. （ rangeCount ）返回 selection 中包含的 range 对象的数目，一般存在一个 range,Ctrl 健配合使用可以有多个。2. Canvas 则通过 JavaScript 来绘制（2D ）图形：3. wi ndow.history.go（）它表示跳转到某个页面，其中 go（ 0）代表刷新当前页面。4. cookies 在客户端存储信息的大小控制在（4 ） KD.以上都不是精品文档5. sess in Stora
15、ge 和 localStorage 两种方法都不支持（ 跨浏览器）操作。6. manifest 文件中要缓存的文件写在（cache）部分。7. 在文件 API 中，（filelist ）对象是 file 对象的列表。8. File 控件内只允许选择一个文件，要允许选择多个文件，需要在标记后添加（multiple）属性。9.跨文档消息传输功能需要对窗口对象的（message）事件进行监听。10. position.timestamp 属性获取位置信息的（时间）11. position.coords.longitude 属性获取的是（经度）12. position.coords.latitude
16、属性获取的是（纬度）13. 如果一个元素允许被拖动的元素放入其中，需要加入 （dataTransfer.getData（“text ” ）事件规定在何处放置被拖动的数据。14.在 HTML5中要实现拖放操作，需要将要拖放的对象元素的draggable 属性设 置为（true）15. 在浏览器支持的前提下 这行标记不能显示视 频时因为没有添加（controls）属性16. 在 HTML5 中添加了（radio ）标记来播放音频。17. （ worker ）用来实现 web 平台上的多线程处理功能。18. 要使块级元素或表元素水平居中，可以将其 margin 的左右边距设置为（auto）。19.
17、HTML5 中，标签支持以下三种视频格式：Ogg（ MPEG4 和 WebM。20. CSSt3 种基本的定位机制：普通流、（浮动）和（绝对定位）。简答题1.简述 HTML5 提供了哪些新的元素来创建更好的页面结构 答：标签用于定义文档中的区段。fe签用于定义文档的页眉（介绍信息）。标签用于定义区段（section）或文档的页脚。通常，该元素包含作者 的姓名、文档的创作日期或者联系方式等信息。fe签用于定义导航链接。标签用于定义文章或网页中的主要内容。标签用于定义主要内容之外的其他内容。vfigure标签用于定义独立的流内容（图像、图表、照片、代码等等）2. HTML5 新增的与数据存储和数据
18、处理相关的新功能有哪些？答：HTML5 新增的与数据存储和数据处理相关的新功能如下：（1）Web 通信在 HTML 4 中，出于安全考虑，一般不允许一个浏览器的不同框架、 不同标签页、 不同窗口之间的应用程序互相通信， 以防止恶意攻击。如果要实现跨域通信只能 通过Web 服务器作为中介。但在桌面应用中，经常需要进行跨通信。HTML 5 提供了这种跨域通信的消息机制。（2）本地存储HTML 4 的存储能力很弱，只能使用 Cookie 存储很少量的数据，比如用户名和密 码。精品文档HTML 5 扩充了文件存储的能力，可以存储多达 5MB 的数据。而且还支持 WebSQL和 IndexedDB 等轻
19、量级数据库，大大增强了数据存储和数据检索能力。（3）离线应用传统 Web 应用程序对 Web 服务器的依赖程度非常高，离开 Web 服务器几乎什 么都做不了。而使用 HTML 5 可以开发支持离线的 Web 应用程序，在连接不上 Web 服务器时，可以切换到离线模式；等到可以连接 Web 服务器时，再进行数 据同步，把离线模式下完成的工作提交到 Web 服务器。3. 简述 CSS 颜色中的 HSL 颜色。答：CSS3 支持以 HSL 声明的形式表现颜色。HSL 色彩模式是工业界的一种颜色标准， 是通过对色调（H）、饱和度（S）、亮度（L）三个颜色通道的变化以及它们相 互之间的叠加来得到各式各样
20、的颜色的这个标准几乎包括了人类视力所能感知 的所有颜色，是目前运用最广的颜色系统之一。HSL 声明的定义形式如下：hsl（色调值，饱和度值，亮度值）参数说明如下：色调值，用于定义色盘，0 和 360 是红色，接近 120 的是绿色，240 是蓝色； 饱和度值，一个百分比，0%是灰度，100%饱和度最高；亮度值，个百分比：0%是最暗，50%均值，100%最亮。HSLA 声明在 HSL 颜色的基础上增加了一个 A 参数， 设置该颜色的透明度。 与 RGBA 一样，A 参数的取值范围也为 01, 0 表示完全透明（即不可见），1 表示完全不 透明。4比较 SVG 图像与 JPEGffiGIF,并说明
21、 SVG 图像有哪些优点？答：与 JPEG 和 GIF 等格式的图像相比，SVG 图像主要具有如下优势：SVG 图像可以使用任何文本编辑器创建和编辑，而 JPEGffiGIF 等格式的图像则 必须使用专用的图像编辑软件创建和编辑。SVG 图像更易于压缩、搜索（适用于制作地图）、索引和脚本化。缩放 SVG 图像时，图像不变形。可以在任何分辨率下打印高质量的 SVG 图像。5.试比较 SVG 与 Canvas 二者有哪些异同点？答：SVG 与 Canvas 相比的异同如下：SVG 是在 XML 中描述二维图像的语言；而 Canvas 则在 JavaScript 程序中绘制二 维图像。在 SVG 中
22、，每一个绘制的图形都会被记录为一个对象，当SVG 对象的属性变化时，浏览器会自动重画图形。Can vas 图像是一个像素一个像素绘制的，一旦图像绘制完成，浏览器就会忘了 它。如果图像的位置变化了，那么场景都要重画，包括被该图像覆盖的对象。程序题使用 Canvas 绘制一个宽 200 像素高 100 像素的红色矩形块。vcanvas id=mpc width=200 height=100 style=backgro un d:#FOOx/ca nvas 精品文档var pic =docume nt.getEleme ntByld(mpc); var con =pic.getC on text(2
23、d); fun cti on getLocati on() if (n avigator.geolocati on) n avigator.geolocatio n.*(*,*,e nableHighAcuracy: true, timeout: 5000,maximumAge: 3000); elsedocument.write(您的浏览器不支持); fun ctio nshowPositio n(*)var x=positi on. coords .l atitude; var y=positi on. coords .Ion gitude; fun ctio n showError(er
24、ror) switch(error.code) case error.PERMISSION_DENIED:document.write 位置服务被拒绝);break;case error.POSITION_UNAVAILABLE:document.writS(取不到位置信息);break;case error.TIMEOUT:document.write(”获取超时);break;case error.UNKNOWN_ERROR:document.write(” 未知 的 错 误); break; 这是一段获取当前地理位置的代码， 请将代码中*的部分补充完整，保存成html 文件上交。1 n avigator.geolocati on .getCue ntPositio n(showPositio n,showError,enableHighAcu racy: true,timeout: 5000,maximumAge: 3000); 2 positi on
