那些牛掰的 HTML5的API（二）

1:視頻播放器

2:地理定位

　　咱們的支持html5 的瀏覽器給咱們提供一個接口（api），能夠用來獲取你當前的位置.

　　主要是經過geolocation（地理位置），對象 ，去訪問硬件，來獲取到經緯度..

1  if (navigator.geolocation){
2  　　navigator.geolocation.getCurrentPosition(showPosition);
3  } else{
4 　　x.innerHTML="Geolocation is not supported by this browser.";}
5  }

　　 咱們獲取到的是一個經緯度。咱們調用地圖。咱們調用百度地圖.(街景地圖)

3: 拖拽
html5 裏面支持拖拽
　　1）當前拖拽的元素
　　　　ondrag 應用於拖拽元素，整個拖拽過程都會調用
　　　　ondragstart 應用於拖拽元素，當拖拽開始時調用
　　　　ondragleave 應用於拖拽元素，當鼠標離開拖拽元素時調用
　　　　ondragend 應用於拖拽元素，當拖拽結束時調用
　　2）目標元素
　　　　ondragenter 應用於目標元素，當拖拽元素進入時調用
　　　　ondragover 應用於目標元素，當停留在目標元素上時調用
　　　　ondrop 應用於目標元素，當在目標元素上鬆開鼠標時調用
　　　　ondragleave 應用於目標元素，當鼠標離開目標元素時調用

4: web 存儲
　　咱們經過sessionStorage 和 localStorage 這兩個對象能夠向本地保存數據。

1 setItem(key,value)
2 getItem();
3 removeItem();
4 clear();

　　經過這個對象sessionStorage 演示了這四個方法. (設計到數據的操做就是增刪改查..)
localStorage 保存數據 ；方法的同樣的
sessionStorage 與 localStorage 區別
　　①localStorage 的數據永久保存
　　②sessionStorage 關閉瀏覽器就沒有了

5:應用級別的緩存（緩存文件,css,js 圖片.）
　　咱們新建一個html 文件 而後我要爲這個html 文件制定緩存的
　　首先第一步，我要新建一個 demo.appcache
　　而後在html 裏面引用這個 demo.appcache 文件
　　manifest="demo.appcache"
　　而後咱們要指定緩存的數據 ,在 demo.appcache 緩存文件裏面指定

第一行:
CACHE MANIFEST
我須要指定那些文件須要緩存
CACHE:
須要緩存的文件的路徑
NETWORK:
那些文件須要網絡才能訪問.