HTML5之 離線數據存儲

--- Storage接口
不管是sessionStorage仍是localStorage

屬性/方法 返回值 描述
-------------------------------------------------------
length integer 包含對象數目,只讀
key(n) DOMString 數組對象返回值
getItem(key) data 得到某對象值
setItem(key,data) void 設置某對象
removeItem(key) void 移除某對象
clear() void 清空

存儲結構本質上仍然是個哈希表
變量使用UTF-16,即便空字符也能夠當變量名
訪問變量方式
setItem()
getItem()
localStorage.currentTemp = 18

--- 遍歷全部存儲變量

for(var i=0;i<localStorage.length;i++){
       var item = localStorage.getItem(localStorage.key(i));
       alert("找到元素 "+item);
   }

目前只支持字符類型,要轉換 Json.stringify(itemsObject);
建議空間爲5MB

--- sessionStorage

Cookies對站點綁定,多個瀏覽器實例共享一個
sessionStorage對瀏覽器綁定(不管新窗口或者新tab)

--- 讀cookies的會變

window.onload = function() {
    var currDate =  new  Date();
    sessionStorage.setItem("currenttime",
    currDate.toLocaleString());
    document.cookie =
    "currenttime="+currDate.toLocaleString();
    updateHTML();
}
function updateHTML()  {
    document.getElementById("cu rrenttime").innerHTML =
    sessionStorage.getItem("currenttime");
    document.getElementById("cu rrtimeCookie").innerHTML
    = getCookie("currenttime");
}

--- localStorage

不一樣於SessionStorage,localstorage是針對協議、域名、端口的,相似於全局應用

<scripte type="text/javascript">
    localStorage.lastname="Smith";
    document.write(localStorage.lastname);
  </script>