那些牛掰的 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:
那些文件需要網路才能訪問.