HTML5 API:
1、文件 API (规范与本地文件进行交互的标准方法)
2、拖放 API (提供了直接支持拖放操作的API)
3、地理定位 (获取地理位置信息)
4、web 存储 (在本地存储用户的浏览数据)
5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)
6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问。)
7、Web Sockets (在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。)
8、SSE (网页自动获取来自服务器的更新)
9、Web Workers (web worker 是运行在后台的 JavaScript,不会影响页面的性能)
......
3、地理定位
概要:
1、Geolocation API 的基本知识
2、position对象
3、在页面上使用google地图
HTML5中为window.navigator 对象新增了一个geolocation属性
geolocation的三个方法:
1、getCurrentPosition(onSuccess, onError, options)
第一个参数为获取当前地理位置信息成功时所执行的回调函数,
第二个参数为获取当前地理位置失败时所执行的回调函数
第三个为一些可选属性的列表
第二 第三个位可选属性
navigator.geolocation.getCurrentPosition(function(position){…})
在获取地理位置信息成功时执行的回调函数中没用到一个参数position,他代表position对象
同样失败时候有个 error对象,它有两个属性
code属性 值为1 表示用户拒绝了位置服务
值为2 表示获取不到位置信息
值为3 表示信息超时错误
message属性 为一个字符串 包含了错误信息,这个错误信息在开发和调试时很有用。有些浏览器不支持message属性,譬如FF3.6以上
navigator.geolocation.getCurrentPosition(function(position){
var coords = position.coords;
showMap(coords.latitude, coords.longitude, coords.accurary)
}, function(error){
var err