号 考线 号证考准 名订姓 号证份身 装
HTML5工程师培训知识试卷（三）
注 意 事 项
1. 请首先按要求在试卷的标封处填写您的姓名、考号和身份证号。 2. 请仔细阅读各种题目的回答要求，在规定的位置填写您的答案。 3. 不要在试卷上乱写乱画，不要在标封区填写无关内容。 01 第一部分 第二部分 第三部分 第四部分 总 分 总 分 人 得 分 一、 单选题（第1～65 题。选择正确的答案，将相应的字母填入题内的括号中。每题1分。满分65分）：
1.以下不是HTML5的新增的标签是( )。
A. B.<![CDATA[ C.<command> D.<dialog> 2.以下不是HTML5新增的API是( )。 API API API API 3.以下（ ）结果是正确的 var a=100 ,b=\"\c=\"\"; alert(a , b ,c));<p>4.以下（ ）语句能正确弹出结果。<p>A. alert(new Date(2011 , 12 , 25).getDay()); B. alert(new Date(2011 , 12 , 25 , 5).getDay());<p>C. alert(new Date(2011 , 12 , 25 , 5 , 5 , 9).getDay()); D. 以上三个结果都正确<p>5.以下代码正确的运行结果是（ ）。<p>var arr=[0,1,2,3,4,5,6]; arr2 = (2,5); alert(arr2); ,2,3 ,2,3,4<p>,3,4 ,3,4,5<p>6.下面哪个描述不正确的是（ ）。 !=null !=undefined C.{}!=false<p>!=false<p>a = new Array(new Array(9,0,3,6,5), new Array(2,9,0,6));则a[0][3]=（ ）。<p>8.有一个变量var a=(100+50)+undefined+NaN，以下（ ）是alert(a)的结果<p>9.以下代码，（ ）结果是正确的<p>var a='',b='100abc'; alert(parseInt(a)+Number(b));<p>D. 223<p>10.以下（ ）结果是正确的<p>var a=100,b=\"\alert(a , b ,c));<p>11.以下（ ）正则表达式符号的描述正确<p>A.* 等同{1,} B.+等同{0,} C.等同{0,1} D.\\W 等同[0-9A-Za-z_] 12.请选择结果为真的表达式为（ ）。 null!=\"object\" === undefined == \"\" == NaN<p>13.在FileReader接口的事件中，当读取、编码blob数据时触发的为（ ）。 A. loadstart B. progress C. load D. Ioadend<p>14.用于改变背景图像的位置（此位置是相对于左上角的相对位置）CSS属性为（ B. background-color<p>C. background-image D. background-attachment 15.设置背景图像的URL地址，CSS属性为（ ）。<p>B. background-color<p>C. background-image D. background-attachment 16.用来设置前景颜色，CSS属性为（ ）。<p>17.开始拖对象时触发（ ）事件。 A. dragstart<p>B. dragend C. dragleave D. Drag<p>18.绘制二次方贝塞尔曲线的方法是（ ）。 A. quadraticCurveTo(cpX, cpY, X, y)<p>B. bezierCurveTo(cpXl, cpYl, cpX2, cpY2, x, y) C. quadraticCurveTo(cpXl, cpYl, cpX2, cpY2, x, y) D. bezierCurveTo(cpX, cpY, x, y)<p>19.使用（ ）属性可以旋转指定的svg元素。 A. transform B. scale C. translate D. Rotate<p>20.使用（ ）属性可以平移指定的svg元素。 A. transform<p>B. scale C. translate D. Rotate<p>）。 21.在SVG代码中，可以使用（ ）标签绘制圆形。 A. <ellipse> B. <rect> C. <circle> D.〈polygon〉<p>22.用于设置或返回音频文件的音量的audio对象属性是（ ）。<p>23.<video>S签支持的视频文件格式不包括（ ）。 4<p>24.在MLHttpRequestLeveL2中可以使用（ ）对象模拟表单向服务器发送数据。 A. Form B. FormData D. Data 25.用于査询数据表的SQL语句为（ )。<p>26.调用（ ）方法可以终止Web Workers对象。 A. terminate() B. Kill() C. Close() D. finish() 中使用（ )可以选取ID为divld的元素。 A.$divld B.$(\"divldn\") C.$(divld) D.$(\"#divld\"）<p>28.使用（ )方法可以停止正在执行的动画并删除队列里所有的动画。 () () () ()<p>29.用于定义下划线字体的标签是（ ）。 A. <b>...</b> B. <a>...</a> C. <u>...</u> D. <i>...</i><p>30.用于标记HTML文档的开始和结束的HTML结构标记为（ ）。 A. <HTML>…</HTML> B. <HEAD>…</HEAD> C. <TITLE>…</TITLE> D. <BODY>…</BODY> 31.以下说法不正确的是( )。 标准还在制定中 兼容以前HTML4下浏览器 C.<canvas>标签替代Flash<p>D.简化的语法<p>32.下面哪个javascript变量名称不合法（ ）。 C.非法字符<p>33. Javascript中, foo对象有att属性，那么以下（ ）获取att属性值的表达式哪个是错误的 [\"att\"] {\"att\ [\"a\"+\"t\"+\"t\"]<p>34. Javascript中, 以下（ ）语句一定会产生运行错误 _变量=NaN; 0bj = [];<p>obj = 下哪条语句会产生运行错误的是（ ）。 obj = ( ); obj = [ ];<p>obj = { }; obj = 含浏览器信息的HTML DOM对象是（ ）。 A. Navigator B. Window C. document D. Location<p>37.下面关于JavaScript变量的描述错误的是（ ）。<p>A.在JavaScript中，可以使用var关键字声明变量。 B.声明变量时必须指明变量的数据类型。 C.可以使用typeof运算符返回变量的类型<p>D.可以不定义变量，而通过使用变量来确定其类型。<p>38.在<input>标签中将type属性设置为（ ）即可定义单选按钮。 A. \"check\" B. \"radio\" C. \"select\" D.”text\" 39.设置背景图像的URL地址，CSS属性为（ ）。 B. background-color<p>D. background-attachment<p>40.在CSS3中，可以使用box-shadow属性设置阴影，不同的浏览器引擎中，实现box-shadow 属性的方法略有不同。在Gecko引擎中为（ ）。 A. box-shadow B. -moz-box-shadow C. -webkit-box-shadow D. -gecko-box-shadow 41.定义文本字体时，设置字体的尺寸的CSS属性为（ ）。 A. font-size B. font-family C. font-style D. font-variant 42.用来改变元素背景颜色的CSS属性为（ ）。<p>B. background-color<p>C. background-image D. background-attachment<p>43.关于Canvas坐标系统下面的说法错误的是（ ）。<p>A. Canvas使用二维坐标系统，即有X轴和Y轴两个坐标轴。<p>B. 默认情况下，坐标轴原点位于窗口客户区的左下角，X轴向右为正，y轴向上为正。 C. Canvas坐标系统的度量单位为像素。<p>D. Canvas坐标系统有X轴和Y轴两个坐标轴。<p>44.使用（ ）属性可以沿x轴倾斜指定的svg元素。 A. transform B. scale C. skewX D. Rotate<p>45.使用（ ）元素可以定义一个文本区间，它通常出现在text元素中。用于渲染一个区间内的文本，也就是强调显示部分文本。<p>A. tspan B. tref C. textPath D. filter 46.在SVG代码中，可以使用（ ）标签绘制圆形。<p>A. <ellipse> B. <arc> C. <circle> D.〈polygon〉 47.在SVG代码中，可以使用（ ）标签绘制由一组直线构成的折线。 A. <polyiine> B. <line> C. <moveTo> D. <lineto> 48.可以使用（ ）标签在HTML文档中引用.svg文件。<p>A. <svg> B. <embed> C. <js> D. <image> 49.用于返回原始视频宽度的video对象属性是（ ）。<p>A. videoWidth B. width C. videoHeight D. Height 50. audio标签支持的音频文件类型不包括（ ）。 B. mp3<p>51.在使用XMLHttpRequest对象进行通信时，发送HTTP请求之前，需要调用（C）初始化HTTP请求的参数。<p>() B. intitialise() C. open() D. connect()<p>52. localstorage使用“键一值” 对保存数据，可以使用（ ）方法设置localstorage数据。 A. Save() B. setltem() C. Set() D. Insert()<p>53. localstorage的存储能力也远大于Cookie,可以存储多达（ ）的数据。 A. 100KB B. 1MB C. 5MB D. 10MB<p>54.如果typeof(Worker)等于（ ），则表明当前浏览器不支持Web Workers;否则表明支持。 A. \"not support\" B.\"\" C. \"undefined\" D. Null 中使用（ )表示HTML文档对象。 A.$document<p>C.$(document) >document<p>56.下面关于jQuery的描述不正确的是（ ）。 是一套 Javascript 脚本库<p>将一些工具方法或对象方法封装在类库中<p>提供了强大的功能函数和丰富的用户界面设计 是HTML5的组成部分<p>57.使用（ ）方法可以删除匹配元素的动画队列中所有未执行的函数。 () B. finish()<p>() D. clearQueue()<p>58.从当前selection移除range对象使用的方法是（ ）。 (range)<p>() (range)<p>(index)<p>59.删除内容用的是（ ）方法。 ();<p>(); ();<p>();<p>Canvas绘制圆形的arc方法中，参数说明正确的是（ ）。<p>A.圆半径，圆心X坐标，圆心Y坐标，开始角度，结束角度，是否顺时针 B.圆心Y坐标，圆心X坐标，圆半径，开始角度，结束角度，是否顺时针 C.圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否顺时针 D.圆心X坐标，圆心Y坐标，圆半径，开始角度，结束角度，是否逆时针<p>61.当使用Google图像搜索时，你可以把一幅图片从电脑桌面拖放到Google页面的输入框里，这就是使用HTML5的（ ）API实现的。 A. History B. System C. Images<p>D. File<p>62.离线应用中，manifest文件放在网页文件的（ ）标记后面。 A. Body<p>B. Html<p>C. Div<p>D. head<p>63.配置manifest文件，IIS的配置方法是在网站属性的http头标签中找到MIME类型添加关联扩展名manifest内容类型输入（ ）。 manifest<p>cache-manifest manifest-cache<p>local-manifest<p>64.编写manifest文件分为（ ）个部分。 A. 1 B. 2 C. 3<p>D. 4<p>65.编写manifest文件中的注释是（ ）。 A.以#开头的单行注释 C.以<!-- -->的多行注释<p>D.以/* */的多行注释<p>66.下面关于JavaScript变量的描述错误的是（ ）。 A.在JavaScript中，可以使用var关键字声明变量。 B.声明变量时必须指明变量的数据类型。 C.可以使用typeof运算符返回变量的类型<p>D.可以不定义变量，而通过使用变量来确定其类型。<p>67.在HTML文件中使用JavaScript脚本时，JavaScript代码需要出现在（ ）之间。 A. < JavaScript >和</ JavaScript > B. < JScript>和</JScript ><p>C.〈Script Language =\"JavaScript\">和</Script> D. <Js>和</Js><p>68.在FileReader接口的事件中，当读取、编码blob数据时触发的为（ ）。 A. Loadstart B. progress C. load D. Ioadend 69.在<input>标签中将type属性设置为（ ）即可定义单选按钮。 A. \"check\" B. \"radio\" C. \"select\" D.\"text\"<p>70.在<form>标签中，指定处理表单提交数据的脚本文件的属性为（ ）。 A. id B. name C. action<p>71.设置背景图像的URL地址，CSS属性为（ ）。<p>B. background-color<p>C. background-image D. background-attachment<p>72.在CSS3中，可以使用box-shadow属性设置阴影，不同的浏览器引擎中，实现box-shadow<p>属性的方法略有不同。在Gecko引擎中为（ ） A. box-shadow B. -moz-box-shadow<p>C. -webkit-box-shadow D. -gecko-box-shadow<p>73.在CSS3中，可以使用（ ）属性实现圆角效果。 A. circle B. border-radius C. round D. border-round 74.用来改变元素背景颜色的CSS属性为（ ）。<p>B. background-color<p>C. background-image D. background-attachment 75.在拖放过程中，当被拖放对象离开目标对象时触发（ ）事件。 A. dragstart B. dragend C. dragleave D. Drag<p>76. dataTransfer 对象的（ ）方法用于从dataTransfer对象中删除数据格式。 A. Delete B. Remove<p>C. ClearData() D. Drop<p>77. dataTransfer 对象的（ ）方法可以用于从dataTransfer对象中以指定的格式获取数据。 A. getData() B. getItem() C. getText() D. Get()<p>78.开始拖对象时触发（ ）事件。 A. dragstart B. dragend C. dragleave D. Drag<p>79.可以使用一个（ ）进制字符串表示颜色，格式S#RGB。 A. 16 B. 8 C. 10 D. 2<p>80.绘制二次方贝塞尔曲线的方法是（ ）。 A. quadraticCurveTo(cpX, cpY, X, y)<p>B. bezierCurveTo(cpXl, cpYl, cpX2, cpY2, x, y) C. quadraticCurveTo(cpXl, cpYl, cpX2, cpY2, x, y) D. bezierCurveTo(cpX, cpY, x, y)<p>二、判断题（第81～100 题。将判断结果填入括号中。正确的填“√”，错误的填“×”。<p>每题1分。满分20分）：<p>81.在网页元素中可以使用contextmenu 属性指定此元素使用的左键菜单。( )<p>82.在<script>标签中使用async 属性可以指定异步执行指定的脚本，也就是在加载网页的同时执行指定的脚本。( )<p>83. <header>标签不可以用于定义文档的页眉（介绍信息）。( )<p>84.在JavaScript中，每个事件的处理函数都有一个Event对象作为参数。它代表事件的状态，比如发生事件中的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等。( )<p>85.定义了一个变量，但没有为该变量赋值，如果alert该变量，javascript弹出的对话框中显示undefined。( )<p>86.在HTML5 File API中定义了一组接,只包括FilgList 接口、File 接口、Blob 接口、FileReader 接口。( )<p>87.在CSS中可以通过float属性实现元素的浮动。( )<p>88.在CSS3中，可以使用opacity定义HTML元素的透明度。其取值范围为0~1。( )<p>89.在CSS3中可以使用transition属性和其他CSS属性（颜色，宽髙，变形，位置等） 配合来实现动画效果。( )<p>90.dataTransfer对象包含dropEffect 和effectAllowed 两个属性。( ) 91.运行的拖拽效果。可以是copy 、move和link三种拖拽效果。( ) 92.可以调用beginPath() 方法，指示开始绘图路径，即开始绘图。( )<p>93.<audio>标签的playcount属性用于指定音频片断播放多少次，其默认值为0 。( )<p>94.调用setRequestHeader 方法可以向Web服务器发送一个HTTP头的名称和值，从而设置HTTP头。( ) 95.调用 localStorage..removeItem()方法可以删除localstorage中指定键的项。( ) 96.即使使用first过滤器也找不到第一个元素。( )<p>98. HTML是HyperText Markup Language(即超文本标记语言）的缩写，它是通过嵌入代码或标记来表明文本格式的国际标准。( )<p>99. HTML语言中使用<img>标签来处理图像。( )<p>对<!DOCTYPE>#签进行了简化，只支持HTML一种文档类型。( )<p>附录：答案 一.单项选择题<p>1—5：BDCDC 6-10: BBBCB 11-15: CCBAC 16-20: DAADC 21-25: BBBBA 26-30: ADBCA 31-35: ADCBA 36-40: ABBCB 41-45: ABBCA 46-50: CABAD 51-55: CBCCC 56-60: DDCCC 61-65: DABDB 66-70：BCBBC 71-75: CBBBC 76-80: CAAAA<p>二．判断题<p>81-85:×√×√√ 86-90：×√√√√ 91-95:√√××√ 96-100:√×√√√<p> <div class="preview-ft">
<div class="preview-title">
<p style="color: red;"><strong>因篇幅问题不能全部显示，请点此查看更多更全内容</strong></p>
<div class="model-fold-cover-bd"><a href="https://www.tang5.com/mluioe/nreixkiieoi/" target="_blank"><span>查看全文</span><i class="iconfont icon-chakangengduo"></i></a></div>
</div>
</div>
<script type="text/javascript" src="https://jss.huatuo3.com/pc/wenzhang/detail_left.js"></script>
</div>
<div class="content_fy">
</div>
</div>
<script type="text/javascript" src="https://jss.huatuo3.com/pc/wenzhang/detail_foot.js"></script>
<script type="text/javascript" src="https://jss.huatuo3.com/pc/share_right_gg1.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_xgzx.js"></script>
<script type="text/javascript" src="https://jss.huatuo3.com/pc/share_right_gg2.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_rmyd.js"></script>
</div>
<div class="n_right">
<script type="text/javascript" src="https://jss.huatuo3.com/pc/share_cebian_gg1.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmht.js"></script>
<script type="text/javascript" src="https://jss.huatuo3.com/pc/share_cebian_gg2.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmtw.js"></script>
<script type="text/javascript" src="https://jss.huatuo3.com/pc/share_cebian_gg3.js"></script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_wntj.js"></script>
</div>
</div>
<div class="footer">
<p>Copyright © 2019-<span class="currentYear"></span> huatuo3.com 版权所有 <br>
<a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2023022190号-1</a></p>
</div>
<a href="#0" class="cd-top">Top</a>
<script type="text/javascript" src="https://jss.huatuo3.com/pc/foot_foot.js"></script>
<script type="text/javascript">
jQuery(".focusBox").hover(function(){ jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.2) },function(){ jQuery(this).find(".prev,.next").fadeOut() });
jQuery(".focusBox").slide({ mainCell:".pic",effect:"fold", autoPlay:true, delayTime:600, trigger:"click"});
</script>
<script type="text/javascript">
$(function(){
var _line=parseInt($(window).height()/3);
$(window).scroll(function(){
if ($(window).scrollTop()>75) {
$('.i_sidemenu').css({'position':'fixed','top':'75px'})
}else{
$('.i_sidemenu').css({'position':'','top':''})
};
});
});
$(function(){
var _line=parseInt($(window).height()/3);
$(window).scroll(function(){
if ($(window).scrollTop()>1000) {
$('.right_a').css({'position':'fixed','top':'75px'})
}else{
$('.right_a').css({'position':'','top':''})
};
});
});
</script>
<script type="text/javascript">
const currentYear = new Date().getFullYear();
$('.currentYear').html(currentYear)
</script>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot.js"></script>
</body>
</html>]]>