1、HTML5网页编程试题库二HTML5试题库(二)一、单选1selection对象的哪个方法直接将用户选取的终点移到起点：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创建一个selectio
2、n对象用的是哪个方法：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();
3、6Canvas图形，需要在正中间的位置填充线性渐变色，使用addColorStop(X,#0000ff); 其中X的值是多少？CA. 50%B. 1/2C. 0.5D. 507cxt.arc(100,100,100,0,Math.PI*2,true) Canvas绘制圆形的arc方法中，参数说明正确的是：CA. 圆半径，圆心X坐标，圆心Y坐标，开始角度，结束角度，是否顺时针B. 圆心Y坐标，圆心X坐标，圆半径，开始角度，结束角度，是否顺时针C. 圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否顺时针D. 圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否逆时针8Canvas绘制线
4、条时用下面哪个方法设置起点坐标：AA.lineToB. moveToC. start ToD. begin To9Canvas 用于填充颜色的属性是：AA. fillStyleB. fillRectC. lineWidthD. strokeRect10创建 Canvas画布使用的方法是：CA. getContext(3d);B. document.Context(3d);C. getContext(2d);D. document.Context(2d);11window.history.forward() 它表示CA. 前进到下一个页面B. 返回到上一个页面C. 刷新到下一个页面D.刷新到当前
5、页面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(键值)
6、; D.sessionStorage.loadItem(键名);15sessionStorage保存数据的方法正确的是：AA.sessionStorage.setItem(键名,键值); B.sessionStorage.saveItem(键名,键值); C.sessionStorage.setItem(键值,键名); D.sessionStorage.saveItem(键值,键名);16编写manifest文件中的注释是BA. 以/开头的单行注释B. 以#开头的单行注释C. 以的多行注释D. 以/* */的多行注释17编写manifest文件分为几个部分：DA. 1B. 2C. 3D. 41
7、8配置manifest文件，IIS的配置方法是在网站属性的http头标签中找到MIME类型添加关联扩展名manifest内容类型输入（）BA.text/manifestB.text/cache-manifestC.text/manifest-cacheD.text/local-manifest19离线应用中，manifest文件放在网页文件的哪个标记后面AA. bodyB. html C. divD. head20离线应用中，manifest文件放在网页文件的哪个标记后面AA. bodyB. html C. divD. head21Blob对象中的type属性表示文件的：DA. 文件名B. 文
8、件大小C. 图片格式D. MIME类型22FileReader对象使用（）方法把图片显示出来：CA. readAsBinaryStringB. readAsTextC. readAsDateURLD. readAsArrayBuffer23当使用Google图像搜索时，你可以把一幅图片从电脑桌面拖放到Google页面的输入框里，这就是使用HTML5的（）API实现的。DA. history B. systemC. imagesD. File24向子页面发送消息 window.frames0.postMessage(ninhao, http:/localhost/2.html);http:/lo
9、calhost/2.html指的是：BA. 发送方地址B. 接收方地址C. 以上都不是25向其他窗口发送消息，otherwindow.postMessage()中的消息内容为所发送的消息文本，也可以是：A. 程序脚本B. html代码C. JOSN文本D. XML代码26跨文档消息传输过程中，event.data属性：BA. 返回消息的文档来源B. 返回消息内容C. 返回消息的接受地址27在HTML页面中插入script src=A. 调取谷歌的云服务B. 调取谷歌的地图服务C. 调取应用服务接口D. 以上都不是28使用getCurrentPosition（）获取当前地理位置信息，如果要输出图
10、片需要使用google的地图接口 var img_url= +latlon+&zoom=14&size=400x300&sensor=false; document.getElementById(mapholder).innerHTML=;上述代码中latlon需要获取的是：AA. 海拔高度B. 精确度C. 经纬度D. 延时29navigator.geolocation.getCurrentPosition(showPosition,showError, enableHighAcuracy: true, timeout: 5000, maximumAge: 3000 );上述代码中的maxim
11、umAge指的是：A. 指示浏览器获取高精度的位置B. 指定获取地理位置的超时时间C. 最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置。D. 以上都不是30使用getCurrentPosition（）获取当前地理位置信息，返回error.PERMISSION_DENIED表示：A. 用户拒绝了B. 获取不到C. 获取超时D.未知错误31if (navigator.geolocation) navigator.geolocation.getCurrentPosition(showPosition); else 上述代码是用来：A. 验证浏览器是否支持拖拽B. 验证浏览器是否支持地理
12、位置C. 验证浏览器是否支持web workersD. 验证浏览器是否支持webSocket32在实现拖拽效果时，需要通过（）方法获得被拖的数据：A. preventDefault() B. appendChild.getData(Text) C. dataTransfer.setData(Text) D. dataTransfer.getData(Text)33在实现拖拽效果时，需要调用（）方法来避免浏览器对数据的默认处理A. preventDefault() B. childDefault() C. preventIndex() D. childIndex()34为了使元素可拖动，把（）属
13、性设置为 true。A. editableB. draggable C. contenteditable35控制视频暂停用的是哪个方法：A. stop();B. pause();C. paused();D. play();36有必要时，页面在切换或者最小化时需要使用 （ ）API来处理视频的播放或暂停状态。A. DisplayB. VisibilityC. SystemD. File37在多媒体控制中以下代码 控制的是：if (myVideo.paused) myVideo.play(); else myVideo.pause(); A. 全屏B. 静音C. 暂停和播放D. 以上都不是38Wo
14、rker线程文件中使用哪个方法向HTML页面传回数据：A. onmessage();B. getMessage();C. postMessage();39终止Worker线程的方法是：A. stop();B. terminate();C. endworker();D. stopworker();40创建一个Worker线程的方法是： A. new Worker(workers.js);B. create Worker(workers.js);C. start Worker(workers.js);D. set Worker(workers.js);二、多选1下面哪些属于Range对象的方法：A
15、. insertNode();B. selectNode();C. selectNodeContents();D. addRange();E. deleteContents();2document.execCommand(”参数一, 参数二 , 参数三) 其中的参数一、参数二、参数三分别指的是什么？A. 指令参数B. 交互方式C. 值D. 命令类别E. 以上都不是3Canvas绘制图形中绘制线性渐变 createLinearGradient(0,0,200,200)，其中的四个参数分别是A. 起点X坐标B. 起点Y坐标C. 结束点X坐标D. 宽和高E. 结束点Y坐标4Canvas绘制图形中定义
16、边框的strokeRect()方法中的四个参数分别是：A. 起点X坐标B. 起点Y坐标C. 宽D. 高E. 面积5HTML5 history对象提供了哪两个新方法，它们允许我们添加和改变当前浏览器的地址：A. pushState()B. localState()C. replaceState()D. sessionState()6localStorage读取数据的方法有：A.变量= sessionStorage.getItem(键名);B.变量=sessionStorage. 键名; C.变量= localStorage.getItem(键名);D.变量=localStorage. 键名;7s
17、essionStorage保存数据的方法有：A. sessionStorage.setItem(键名,键值); B. sessionStorage. 键名=键值; C. localStorage.setItem(键名,键值); D. localStorage.键名=键值;8Html5重新提供了在客户端保存数据的功能Web Storage,分别是：A. sessinStateB. sessinStorageC. localStorageD. localState9manifest文件的类型有哪几种:A. manifestB. cacheC. appcacheD. appmanifest10man
18、ifest文件包含哪几个部分：A.CACHEB.NOCACHEC.FALLBACKD.NETWORK11利用文件API可以对file控件的上传文件的哪些属性进行控制或验证：A. 文件名B. 文件大小C. 文件类型D. 文件作者E. 文件路径12下面哪些是FileReader对象的方法：A. readAsBinaryStringB. readAsTextC. readAsDateURLD. readAsArrayBufferE. abort13Blob对象的属性有：A. nameB. lastModifiedDateC. typeD. size14file对象的属性有：A. nameB. las
19、tModifiedDateC. typeD. size15当文档接收到message事件时，执行message事件的事件处理程序，事件对象event中包含以下属性：A. origin属性B. data属性C. source属性D. size属性E. name属性16向其他窗口发送消息：otherwindow.postMessage(参数一, 参数二);其中参数一和参数二分别代表：A. 所发送的消息文本B. 所发送的html代码C. 接收消息的对象窗口的URL地址D. 接收到的消息17获取当前地理位置信息失败时使用error对象作为回调函数，下面属于error对象的属性的有：A. error.P
20、ERMISSION_DENIED B. error.POSITION_UNAVAILABLE C. error.TIMEOUTD. error.UNKNOWN_ERROR18如果获取地理位置成功，则会在成功返回的回调函数中通过访问position对象的一些属性来得到这些位置信息，下面属于position对象的属性的是：A. position.coords.latitude B. position.coords.longitude C. position.coords.altitude D. position.timestamp19使用getCurrentPosition（）获取当前地理位置信息
21、，定义如下：getCurrentPosition(参数一，参数二，参数三)三个参数分别是：A. 获取当前地理位置信息成功时所执行的回调函数B. 获取当前地理位置信息失败时所执行的回调函数C.可选属性的列表D.都不是20当元素允许被拖入其他元素，需要加到元素后面的两个事件是A. draggableB. ondropC. ondragstartD. ondragover21当元素被拖动，需要加到元素后面的两个事件是A. draggableB. ondropC. ondragstartD. ondragover22 标记比标记多了哪两个属性：A. autoplayB. heightC. loopD.
22、 preloadE. width23能支持 MP4格式的视频的浏览器有：A. IE B. Firefox C. Opera D. Chrome E. Safari24在使用Web Worker线程时:A. 当 web worker 传递消息时，html会执行事件监听器中的代码B. 使用event.data来读取数据C. 不需要监听，直接显示线程文件的处理结果D. 需要监听，直接显示线程文件的处理结果25在使用Web Worker线程时需要：A. 判断浏览器是否支持B. 直接运行C. 判断当前页面是否已经有worker对象，如果没有创建一个D. 以上都对三、判断1Y execCommand方法主
23、要用来操作浏览器命令。2Y selection是对当前激活选中区（即高亮文本）进行操作，在非IE浏览器（Firefox、Safari、Chrome、Opera）下可以使用window.getSelection()获得selection对象。3Range是一种fragment（HTML片断），它包含了节点或文本节点的一部分,只能通过document.createRange()，不能通过selection象的getRangeAt()方法获得。4在canvas绘制完成一个图像后，如果需要保存该图像，使用toDataURL();方法输出图像。5N Canvas绘制图形，可以使用 createRadia
24、lGradient()方法创建一个线性渐变。6Y Canvas依赖分辨率，不支持事件处理器，文本渲染能力弱，能够以 .png 或 .jpg 格式保存结果图像，最适合图像密集型的游戏。7Y pushState()用于向history对象添加当前页面的记录，并且改变浏览器地址栏的URL。8Y sessinStorage，用来保存从浏览器打开网站到关闭这段时间所要求保留的所有数据。9N localStorage，将数据保存在客户端本地的硬盘里，但还是做不到永久保存。10在使用离线应用的时候，浏览器需要监听网络，及时的判断当前的网络状态，以做出相应的处理。11NETWORK：指定需要被缓存到本地的文件
25、。12N Blob对象有两个属性，一个是size属性，表示字节长度，一个是name属性，表示文件的名称。13FileReader对象主要用来把文件写入内存，并且读取文件中的数据。14完成两个页面之间的相互通信，不需要为两个页面window对象分别设置监听和发送消息（message）事件。15Y 跨文档消息传输指的是网页文档之间互相接受和发送消息的功能。16N 使用geolocation属性获取到的当前地理位置比应用程序中使用GPS更精准。17N 任何版本的浏览器都可以使用geolocation属性获取当前地理位置18N 拖放API不支持在浏览器与其他应用程序之间的数据互相托动。19元素默认的处
26、理方式是无法将数据/元素放置到其他元素中，需要使用event.preventDefault();来处理。20Y 标记后面的preload属性表示视频在页面加载时进行加载，并预备播放。21Y 要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。22Web Workers用来处理运行耗时长js代码段。23N web worker 是运行在后台的 JavaScript，独立于其他脚本,不会影响页面的性能，不能嵌套子线程。四、填空1( rangeCount )返回selection中包含的range对象的数目，一般存在一个range，Ctrl健配合使用可以有多个。2Canvas则 通
27、过 JavaScript 来绘制 ( 2D )图形:3window.history.go()。它表示跳转到某个页面，其中go( 0 )代表刷新当前页面.4cookies在客户端存储信息的大小控制在 （4 ）K5sessinStorage和localStorage两种方法都不支持 （ 跨浏览器 ）操作。6当浏览器对本地缓存进行更新，装入新的资源文件时，会触发applicationCache对象的（）事件，通知本地缓存已经更新。7应用程序缓存（）对象代表了本地缓存，可以用它来通知用户本地缓存已经被更新，也允许本地用户手工更新缓存。8manifest 文件中要缓存的文件写在（cache）部分。9We
28、b应用程序的本地缓存是通过每个页面的（）文件来管理的。10在文件API中，（filelist）对象是file对象的列表。11File控件内只允许选择一个文件，要允许选择多个文件，需要在标记后添加（multiple）属性。12跨文档消息传输功能需要对窗口对象的（message）事件进行监听。13window.addEventListener(message, function(event) if(event.origin != http:/localhost) return; document.getElementById(receive).innerHTML=event.origin+返回的消
29、息：+event.data; , false); 上面的监听message事件中，忽略了（）之外的页面发送的消息。14position.timestamp 属性获取位置信息的（时间）15position.coords.longitude属性获取的是（经度）16position.coords.latitude属性获取的是（纬度）17如果一个元素允许被拖动的元素放入其中，需要加入（dataTransfer.getData(“text”)）事件规定在何处放置被拖动的数据。18在HTML5中要实现拖放操作，需要将要拖放的对象元素的draggable属性设置为（true）19在浏览器支持的前提下 这行标记不能显示视频时因为没有添加（controls）属性20在HTML5中添加了( radio )标记来播放音
