HTML5应用程序编程接口

一、HTML API介绍

1.目前，HTML5的标准草案已进入了w3c制定标准流程，预计要到2022年才会成为W3C正式推荐标准。HTML5无疑会成为未来10年最热门的互联网技术。

2.SVG称为可缩放矢量图形，是一种基于XML的标准，用于表示二维矢量图形的格式

3.在HTML5中包含

(1)语义：能够让用户更恰当地描述输出的内容

(2)多设备访问：能够处理各种输入和输出设备

(3)多媒体：使video和audio成为所有Web中的“一等公民”

(4)连通性：能够让用户和服务器之间通过创新的新技术方法进行通信

(5)性能和集成：提供了非常显著的性能优化和更有效的计算机硬件

(6)离线和存储：能够让网页在客户端本地存储数据，并且能更高效地离线运行

(7)样式设计：让作者们来创作更加复杂的主题样式

(8)2D/3D图像和效果：为网页的呈现效果提高了更多的可选择性

4.在HTML5中包含Canvas API、拖放API、地理位置API、存储API、文件API、通信API、网页多线程API、历史API、离线API九个新API

5.当浏览器不支持新特性时，可以做合适的向后兼容处理。目前并没有一个统一的方法检测新特性的支持，有些新特性有对应的API可以识别，有些新特性则只能通过一些技巧来识别。当然最好的方式是直接使用成熟的框架，目前有多个基于这一思想的框架，其中检测准确率和使用率较高的是Modernizr

二、元素选择方法

1.querySelector()方法返回指定选择器或选择器组匹配的第一个HTML元素Element

2.querySelector()方法的优点有哪些？

答：可以使用有效的CSS选择器字符串作为参数来选择元素

三、事件处理程序

1.addEventListener()方法和removeEventListener()方法不被IE8以下版本浏览器支持，但可以使用attachEvent()方法代替addEventListener()方法

2.addEventListener()方法和removeEventListener()方法的优点有哪些？

答：它们有以下三个优点：

(1)它允许给一个事件注册多个监听器，特别是在使用AJAX库，Javascript模块或其他需要第三方库/插件的代码

(2)它提供了一种更精细的手段控制Listener的触发阶段（即可以选择捕获或者冒泡）

(3)它对任何DOM元素都是有效的，而不仅仅只对HTML元素有效

3.addEventListener()方法的作用是什么？

答：将指定的监听器注册到EventTarge(触发事件的元素上)，当该对象触发指定的事件时，指定的回调方法就会被执行

4.removeEventListener()方法的作用是什么？

答：主要删除addEventListener()方法添加的事件

四、Console对象

1.Console对象的常见用途有以下两个：

(1)调试程序，显示网页代码运行时的错误信息

(2)提供了一个命令接口，用来与网页代码互动

2.Console对象简介

Console对象是JavaScript的原生对象，它可以输出各种信息到控制台，并且还提供了很多有用的辅助方法

Console对象浏览器的实现包含在浏览器自带的开发工具之中

Console对象的常见用途有以下两个：

(1)调试程序，显示网页代码运行时的错误信息

(2)提供了一个命令接口，用来与网页代码互动

3.Console对象常用方法

(1)log()方法：log()方法用于在控制台输出信息，它可以接受一个或多个参数，并将它们连接起来输出。log()方法会自动在每次输出的结尾添加换行符。log()方法语法如下：

console.log(参数，参数，参数···);

(2)error()方法和warn()方法：error()方法和warn()方法也是在控制台输出信息，它们与log()方法的不同之处在于，error()方法输出信息时，会在最前面加一个红色的叉，表示出错；warn()方法输出信息时，会在最前面加一个黄色三角，表示警告。同时还会高亮显示输出文字和错误发生的堆栈。除此之外，两者在其他方面都一样。如在控制台中，使用error()方法和warn()方法显示错误和警告提示消息，在error()方法和warn()方法中也可以使用占位符，代码如下：

console.error('错误:%s(%i)','服务器没有响应',500);

console.warn('警告！当前文档中包含元素太少(%d个)！',document.childNodes.length);

(3)assert方法：assert()方法称为断言，主要用于程序运行过程中进行条件判断，如果不满意条件就显示一个错误，但不会中断程序执行。这样就相当于提示用户内部状态不正确。语法如下：

console.assert(表达式，消息字符串);

assert()方法接受两个参数，第一个参数是表达式，第二个参数是字符串。只有当第一个参数为false时才会输出第二个参数，继而提示有错误，否则不会有任何结果。