什麼是web Storage
在瀏覽器存儲當前用戶專用數據
客戶端存儲數據的可選方式
Cookie：兼容性好，不能超過4KB，操作複雜
Flash：依賴於Flash播放器
H5 WebStorage：不超過8MB，操作簡單
IndexDB：可存儲大量數據，還不是標準數據
什麼是會話?
Session：會話，瀏覽器從打開某一個網站的第一個頁面開始，中間可能打開多個頁面，直到關閉瀏覽器整個過程成爲“一次
回話”
Web Storage技術：
瀏覽器爲用戶提供兩個對象
window.sessionStorage
類數組對象，會話級數據存儲
作用：在瀏覽器進程中分配一個內存，存儲本次會話使用數據，此次會話中的所有頁面都可以共享此數據，瀏覽器一旦關閉了
數據就消失
語法：
sessionStorage[key] = value; //保存數據
sessionStorage.setItem(key,value) //保存數據
var value = sessionStorage[key] //獲取數據
var value = sessionStorage.getItem(key) //獲取數據
sessionStorage.removeItem(key) //刪除一組數據
sessionStorage.clear() //刪除所有
sessionStorage.length //數據個數
var key = sessionStorage.key(i) //獲取第i個keywindow.localStorage
什麼是：在瀏覽器所有管理外存（硬盤）中存儲着用戶專用數據
本質：類數組對象，本地存儲（跨會話）
作用：永久存儲，存儲所有會話共享數據 （使用較少）
語法：
localStorage[key] = value //保存數據
localStorage.setItem(key,value) //保存數據
var value = localStorage[key] //獲取數據
var value = localStorage.getItem(key) //獲取數據
localStorage.removeItem(key) //刪除一行數據
localStorage.clear() //刪除全部數據
localStorage.length //數據個數
var key = localStorage.key(i) //獲取key實例：
使用一個頁面進行local保存數據
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="get.html">獲取數據</a>
<script>
//保存數據:
localStorage["name"]="dongdong";
localStorage.setItem("point","308");
</script>
</body>
</html>另一個頁面get數據
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var name = localStorage.getItem("name");
var point = localStorage.getItem("point");
console.log(name);
console.log(point);
</script>
</body>
</html>