html5程序设计基础教程练习题参考答案.docx

1、html5程序设计基础教程练习题参考答案第1章 HTML 5概述一、选择题1A 2D 3C 4C二、填空题1HyperText Markup Language 2 3HTML 4UTF-856contextmenu7async89Geolocation API10Web Workers三、简答题1答： 标签用于定义文档中的区段。 标签用于定义文档的页眉介绍信息。 标签用于定义区段section或文档的页脚。通常，该元素包含作者的姓名、文档的创作日期或者联络方式等信息。 标签用于定义导航链接。 标签用于定义文章或网页中的主要内容。 标签用于定义主要内容之外的其他内容。 标签用于定义独立的流内容图

2、像、图表、照片、代码等等。2答： 标签用于定义带有记号的文本。 标签用于定义公历的时间24小时制或日期，时间和时区。 标签用于定义度量衡。 标签用于定义定义一个进度条。3答：在HTML 5中可以通过下面的方法进展绘图： 使用Canvas API动态地绘制各种效果精巧的图形； 绘制可伸缩矢量图形SVG。4答：HTML5新增的与数据存储和数据处理相关的新功能如下：1Web通信在HTML 4中，出于平安考虑，一般不允许一个阅读器的不同框架、不同标签页、不同窗口之间的应用程序互相通信，以防止恶意攻击。假设要实现跨域通信只能通过Web效劳器作为中介。但在桌面应用中，经常需要进展跨通信。HTML 5提供了

3、这种跨域通信的消息机制。2本地存储HTML 4的存储才能很弱，只能使用Cookie存储很少量的数据，比方用户名和密码。HTML 5扩大了文件存储的才能，可以存储多达5MB的数据。而且还支持WebSQL和IndexedDB等 轻量级数据库，大大增强了数据存储和数据检索才能。3离线应用传统Web应用程序对Web效劳器的依赖程度非常高，分开Web效劳器几乎什么都做不了。而使用HTML 5可以开发支持离线的 Web 应用程序，在连接不上Web效劳器时，可以切换到离线形式；等到可以连接Web效劳器时，再进展数据同步，把离线形式下完成的工作提交到Web效劳器。四、练习题略第2章 JavaScript编程一

4、、选择题1C 2B 3A 4A二、填空题1js 2= 3continue4break 5function 6return7Object8Array9Event三、简答题1答：类型详细描绘Undefined当声明的变量未初始化时，该变量的默认值是 undefinedNull空值，假设引用一个没有定义的变量，那么返回空值Boolean布尔类型，包含true和falseString字符串类型，由单引号或双引号括起来的字符Number数值类型，可以是32位、64位整数或浮点数2答：3答:for(表达式1; 表达式2; 表达式3) 循环体4答:在函数中也可以定义变量，在函数中定义的变量被称为局部变量。局

5、部变量只在定义它的函数内部有效，在函数体之外，即使使用同名的变量，也会被看作是另一个变量。相应地，在函数体之外定义的变量是全局变量。全局变量在定义后的代码中都有效，包括它后面定义的函数体内。假设局部变量和全局变量同名，那么在定义局部变量的函数中，只有局部变量是有效的。第3章 HTML5表单及文件处理一、选择题1C 2B 3A 4B二、填空题12type 34submit；reset；button5checkValidity() 6FileList；File；Blob；FileReader三、简答题1. 答1email类型email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会

6、自动验证 email 域的值。2url类型url类型用于应该包含URL地址的输入域。在提交表单时，会自动验证URL域的值。3number类型number类型用于应该包含数值的输入域。可以通过表3-9所示的属性对数值进展限定。4date类型date类型用于应该包含日期值的输入域，可以通过一个下拉日历来选择年/月/日。5其他日期时间类型HTML 5还新增了如下的用于输入日期时间的input类型： month，用于选取月和年； week，用于选取周和年； time，用于选取时间小时和分钟； datetime，用于选取时间、日、月、年UTC 时间； datetime-local，用于选取时间、日、月、

7、年本地时间。6search类型search类型用于搜索域，比方站点搜索或 Google 搜索。search 域显示为常规的文本域。7color类型color类型用于选择颜色。2. 答1datalist元素datalist元素用于定义输入域的选项列表。2keygen元素keygen元素用于提供一种验证用户的可靠方法。它是一个密钥对生成器。当提交表单时，会生成两个键，一个是私钥private key，一个公钥public key。私钥存储于客户端，公钥那么被发送到效劳器。公钥可用于之后验证用户的客户端证书。3output元素output元素用于用于不同类型的输出，例如比方计算或脚本的结果输出。3.

8、 答规定表单中的元素是否具有自动完成功能。所谓自动完成功能就是表单会记忆用户在表单元素中输入数据的历史记录。下次输入时会根据用户输入的字头提示匹配的历史数据，帮助用户完成输入。autocomplete=on表示启用自动完成功能；autocomplete=off表示停用自动完成功能。例如：4. 答规定在提交表单时不验证数据，例如：假设不使用novalidate，那么会验证数据。第4章 最新版本的层叠款式表CSS3一、选择题1C 2B 3B 4A 5B二、填空题1层叠款式表 2.css 3text-decoration 4轮廓outline 5float 6opacity；017transitio

9、n三、问答题1. 答： selector 选择器。有3种选择器，第一种是HTML的标签，比方p、body、a等；第二种是class；第三种是ID。，详细使用情况将在后面介绍。 property 就是那些将要被修改的属性，比方color。 value property的值，比方color的属性值可以是red。2. 答：CSS3支持以HSL声明的形式表现颜色。HSL色彩形式是工业界的一种颜色标准，是通过对色彩H、饱和度S、亮度L三个颜色通道的变化以及它们互相之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。HSL声明的定义形式如下：hsl(

10、色彩值, 饱和度值, 亮度值)参数说明如下： 色彩值，用于定义色盘，0和360是红色，接近120的是绿色，240是蓝色； 饱和度值，一个百分比，0%是灰度，100%饱和度最高； 亮度值，个百分比：0%是最暗，50%均值，100%最亮。HSLA声明在HSL颜色的根底上增加了一个A参数，设置该颜色的透明度。与RGBA一样，A参数的取值范围也为01，0表示完全透明即不可见，1表示完全不透明。第5章 HTML5拖放一、选择题1A 2C 3A 4D二、填空题1拖拽drag; 放开drop2Drop 3Dragend4Event 三、简答题1答:copy，显示copy光标。link，显示link光标。mo

11、ve，显示move光标。none，默认值，即没有指定光标。2答：当开始拖拽时，可以提供下面的息：1被拖拽的数据。这可以是多种不同格式的数据，例如，包含字符串数据的文本对象。2在拖拽过程中显示在鼠标指针旁边的反响图像。用户可以自定义此图像，但大多数时候只能使用默认图像。默认图像将基于按下鼠标时鼠标指针指向的元素。3运行的拖拽效果。可以是以下3种拖拽效果： copy，指被拖拽的数据将从当前位置复制到放开的位置； move，指被拖拽的数据将从当前位置挪动到放开的位置； link，指在源位置和放开的位置之间将建立某种关系或连接。第6章 使用Canvas API画图一、选择题1B 2A 3A 4B二、填

12、空题1lineTo() 2arc()3rgba() 4strokeText()；fillText() 5rotate() 三、简答题1答strokeRect()方法与rect()方法都用于绘制矩形，它们的参数一样。strokeRect()方法与rect()方法的区别在于调用strokeRect()方法时不需要使用beginPath()和stroke()即可绘图。2答：可以通过下面2种方法创立CanvasGradient对象：1以线性颜色渐变方式创立CanvasGradient对象。使用CanvasRenderingContext2D对象createLinearGradient() 方法可以线性

13、颜色渐变方式创立CanvasGradient对象。线性颜色渐变方式创立CanvasGradient对象。createLinearGradient() 方法的语法如下：createLinearGradient(xStart, yStart, xEnd, yEnd)参数xStart和yStart是渐变的起始点的坐标，参数xEnd和yEnd是渐变的完毕点的坐标。2以放射颜色渐变方式创立CanvasGradient对象。使用CanvasRenderingContext2D对象createRadialGradient()方法可以放射颜色渐变方式创立CanvasGradient对象。线性颜色渐变方式创立C

14、anvasGradient对象。createRadialGradient()方法的语法如下：createRadialGradient(xStart, yStart, radiusStart, xEnd, yEnd, radiusEnd) 参数xStart和yStart是开始圆的圆心的坐标，radiusStart是开始圆的半径；参数xEnd和yEnd是完毕圆的圆心的坐标，radiusEnd是完毕圆的半径。3答：参数说明如下： image，所要绘制的图像，必须是表示 标记或者屏幕外图像的 Image 对象，或者是 Canvas 元素； sourceX和sourceY，图像将要被绘制的区域的左上角；

15、 destX和destY，所要绘制的图像区域的左上角的画布坐标； destWidth和destHeight，图像区域所要绘制的画布大小。4答： shadowBlur，阴影的像素模糊值。 shadowOffsetX，阴影在x轴上的偏移值。 shadowOffsetY，阴影在y轴上的偏移值。 shadowColor，阴影颜色值。第7章 绘制可伸缩矢量图形SVG一、选择题1B 2A 3C 4A 5B二、填空题1可伸缩矢量图形 2 3stroke-opacity 4stroke-lineJoin 5stroke-dasharray 6style三、简答题1答：与JPEG和GIF等格式的图像相比，SVG

16、图像主要具有如下优势： SVG图像可以使用任何文本编辑器创立和编辑，而JPEG和GIF等格式的图像那么必须使用专用的图像编辑软件创立和编辑。 SVG图像更易于压缩、搜索适用于制作地图、索引和脚本化。 缩放SVG图像时，图像不变形。 可以在任何分辨率下打印高质量的SVG图像。2答：SVG与Canvas相比的异同如下： SVG是在XML中描绘二维图像的语言；而Canvas那么在JavaScript程序中绘制二维图像。 在SVG中，每一个绘制的图形都会被记录为一个对象，当SVG对象的属性变化时，阅读器会自动重画图形。 Canvas图像是一个像素一个像素绘制的，一旦图像绘制完成，阅读器就会忘了它。假设

17、图像的位置变化了，那么场景都要重画，包括被该图像覆盖的对象。3答：butt，默认值，指定线段没有线帽。线条的末点是平直的而且和线条的方向正交，这条线段在其端点之外没有扩展。round，指定线段带有一个半圆形的线帽，半圆的直径等于线段的宽度，并且线段在端点之外扩展了线段宽度的一半。square，指定线段一个矩形线帽。这个值和 butt 一样，但是线段扩展了自己的宽度的一半。第8章 播放多媒体一、选择题1D 2A 3A 4A二、填空题1audio 2Loop 31 4source三、简答题1答：播放背景音乐时通常不需要显示播放控件，因此在定义audio标签时可以将controls属性设置为fals

18、e或不使用conttols属性。播放背景音乐时需要自动、循环播放，因此在定义audio标签时可以将autoplay属性和loop属性设置为true。2答：video对象的常用方法如表8-7所示。表8-7 video对象的常用方法方 法具 体 描 述canPlayType是否能播放指定格式的资源load加载src属性指定的资源play播放pause暂停第9章 Web通信一、选择题1A 2C 3B 4A二、填空题1window.postMessage 2message 3ReadyState 4setRequestHeader() 5timeout 6WebSocket三、简答题1答XML Req

19、uest是一个阅读器接口，开发者可以使用它提出 和 S恳求，而且不用刷新页面就可以修改页面的内容。XML Request的两个最常见的应用是提交表单和获取额外的内容。使用XML Request对象可以实现下面的功能： 在不重新加载页面的情况下更新网页； 在页面已加载后从效劳器恳求数据； 在页面已加载后从效劳器接收数据； 在后台向效劳器发送数据。2答在IE阅读器中使用Active对象创立XML Request对象，代码如下：xml =new ActiveXObject(Microsoft.XML );当等于True时，可以使用这种方法。在其他阅读器中可以下面的代码创立XML Request对象：

20、xxml =new XML Request();当window.XML Request等于True时，可以使用这种方法。3答事 件具 体 说 明progress在传送数据的过程中会定期触发，用于返回传送数据的进度信息。在progress事件的处理函数中可以使用该事件的属性计算并显示传送数据的百分比。progress事件的属性如下： lengthComputable，布尔值，说明是否可以计算传送数据的长度。假设lengthComputable等于True，那么可以计算传送数据的百分比；否那么，就不用计算了 loaded，已经传送的数据量 total，需要传送的总数据量load传送数据成功完成ab

21、ort传送数据被中断error传送过程中出现错误loadstart开始传送数据4答事 件具 体 描 述处 理 函 数open建立WebSocket连接时触发onopenmessage当收到消息时触发onmessageclose当WebSocket连接关闭时触发onclose第10章 本地存储一、选择题1C 2B 3D 4A 5C二、填空题1Cookie；Session 2NoSQL3 4removeItem()5storage三、问答题1答：Cookie小甜饼有时也用其复数形式Cookies，指存储在用户本地上的少量数据，最经典的Cookie应用就是记录登录用户名和密码，这样下次访问时就不需要

22、输入自己的用户名和密码了。也有一些高级的Cookie应用，例如在网上商城查阅商品时，该商城应用程序就可以记录用户兴趣和阅读记录的Cookies。在下次访问时，网站根据情况对显示的内容进展调整，将用户所感兴趣的内容放在前列。每个Web站点都可以在用户的机器上存放Cookie，并可以在需要时重新获取Cookie数据。通常Web站点都有一个Cookie文件。Cookie的工作原理如图10-1所示。用户每次访问站点A之前都会查找站点A的Cookie文件，假设存在，那么从中读取用户名和密码“键值对数据。假设找到用户名和密码“键值对数据，那么将其与访问恳求一起发送到站点A。站点A在收到访问恳求时假设也收到

23、了用户名和密码“键值对数据，那么使用用户名和密码数据登录，这样用户就不需要输入用户名和密码了。假设没有收到了用户名和密码“键值对数据，那么说明该用户之前没有成功登录过，此时站点A返回登录页面给用户。图10-1 Cookie的工作原理2答：Cookie存在如下缺陷： Cookie的数据大小是由限制的，大多数阅读器只支持最大为 4096 字节的 Cookie。有时不能满足需求。 客户端可以禁用或清空Cookie，从而影响程序的功能。 当多人共用一台计算机时使用Cookie可能会泄露用户隐私，带来平安问题。3答：Session可以保持网站效劳器和网站访问者的交流，访问者可以将数据保存在网站效劳器中。

24、为了区分不同的访问者，网站效劳器为每个网站访问者都分配一个会话编号SID，一个访问者在Session中保存的所有数据都与他的SID相关联。在访问者翻开的所有页面中，都可以通过SID设置和获取Session数据，因此通过Session可以实现个页面间的数据共享。例如，用户在任意一个页面登录后，都可以将登录标记和登录用户名保存在Session变量中。这样在其他页面中就可以获知用户已经登录了，从而防止重复登录。Session的工作原理如图10-2所示。图10-3 Session的工作原理4答：NoSQL是新一代的数据库，NoSQL有non-relational和Not Only SQL的意思，具有非

25、关系型、高效、分布式、开放源代码等特点。对于已经熟悉SQL Server等关系型数据库的读者而言，承受NoSQL数据库还需要有一个过程。Nam为什么要提出NoSQL的概念呢？因为传统的关系数据库在应付web2.0网站，特别是超大规模和高并发的SNS类型社交网络的web2.0纯动态网站已经显得力不从心，暴露了很多难以抑制的问题。例如，对数据库高并发读写的需求、对海量数据的高效率存储和访问的需求、对数据库的高可扩展性和高可用性的需求等。所以，关系数据库在很多情况下显得不太适宜了。NoSQL 是非关系型数据存储的广义定义，它打破了关系型数据库的垄断场面。NoSQL 数据存储不需要固定的表构造，通常也

26、不存在连接操作。在大数据存取上具备关系型数据库无法比拟的性能优势。NoSQL的概念在 2021年初得到了广泛认同。第11章 开发支持离线的Web应用程序一、选择题1B 2C二、填空题1Manifest 2 3Online；offline三、简答题1答传统Web应用程序只需要部署在Web效劳器上即可，应用程序可以是HTMLHTM文件或ASP、PHP等脚本文件。Web阅读器的主要功能如下： 由用户向指定的Web效劳器网站申请效劳。申请效劳时需要指定Web效劳器的域名或地址以及要阅读的HTMLHTM文件或ASP、PHP等脚本文件。假设使用ASP作为开发语言，那么Web效劳器只能使用Windows；假

27、设使用PHP作为开发语言，那么Web效劳器可以选择使用Windows或Unix、Linux等多种平台。 从Web效劳器下载申请的HTMLHTM文件。 解析并显示HTMLHTM文件，用户可以通过Web阅读器申请指定的Web效劳器 Web阅读器和Web效劳器使用 协议进展通信。2答离线Web应用程序可以在无法连接Web效劳器时运行，它的工作原理如下： 当访问一个支持离线Web应用程序网站时，该网站将会告诉阅读器离线Web应用程序所使用的所有文件。 阅读器将Web应用程序所使用的所有文件下载到本地。 当支持离线Web应用程序的网站不在线时，阅读器就会访问下载到本地文件，从而运行离线Web应用程序。例

28、如在离线Web应用程序中，用户可以在不连接Web效劳器的情况下，编辑一个较长的文章，并将其保存在本地，待下次连接Web效劳器时再提交文章。3答开发离线Web应用程序通常需要完成的下面几项工作：1离线资源缓存。首先需要理解Web应用程序离线工作时所需的资源文件。这样就可以在在线状态时，把这些文件缓存到本地。以后，假设阅读器无法连接Web效劳器，那么可以自动加载这些资源文件，从而实现离线访问应用程序。在HTML5 中，通过 cache manifest 文件指明需要缓存的资源，详细情况将在小节中介绍。2检测在线状态。在支持离线的Web应用程序中，阅读器应该知道在线或离线的状态，并做出对应的处理，详细情况将在小节中介绍。3本地数据存储。在离线时，Web应用程序需要可以把数据存储到本地，以便以后在线时可以同步到Web效劳器上。关于本地数据存储的详细情况已经在第10章中做过介绍，请参照理解。第12章 获取阅读器的地理位置信息一、选择题1A 2C二、填空题1 2clearWatch()；watchPosition()三、简答题1答位置信息的通常来源包括： GPS全球定位系统，这种方式可以提供很准确的定位，但需要专门的硬件设备，定位效率也不高。 IP地址，多用于计算机设备，定位并不准确。 RFIDRadio Frequ