點評:html5中的Web Storage包括了兩種存儲方式:sessionStorage和localStorage。sessionStorage用于本地存儲一個會話(session)中的數據,這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀
因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。而localStorage用于持久化的本地存儲,除非主動刪除數據,否則數據是永遠不會過期的。復制代碼
代碼如下:if(window.localStorage){
alert("瀏覽支持localStorage")
}
else
{
alert("瀏覽暫不支持localStorage")
}
//或者 if(typeof window.localStorage == 'undefined'){ alert("瀏覽暫不支持localStorage") }
復制代碼
代碼如下:sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");
復制代碼
代碼如下:var value = sessionStorage.getItem("key");
var site = localStorage.getItem("site");
復制代碼
代碼如下:sessionStorage.removeItem("key");
localStorage.removeItem("site");
復制代碼
代碼如下:sessionStorage.clear();
localStorage.clear();
復制代碼
代碼如下:
var storage = window.localStorage; storage.key1 = "hello";
storage["key2"] = "world";
console.log(storage.key1);
console.log(storage["key2"]);
復制代碼
代碼如下:
var storage = window.localStorage;
for (var i=0, len = storage.length; i < len; i++)
{
var key = storage.key(i);
var value = storage.getItem(key);
console.log(key + "=" + value);
}
復制代碼
代碼如下:if(window.addEventListener){
window.addEventListener("storage",handle_storage,false);
}
else if(window.attachEvent)
{
window.attachEvent("onstorage",handle_storage);
}
function handle_storage(e){
if(!e){e=window.event;}
}
PropertyTypeDescription
keyStringThe named key that was added, removed, or moddified
oldValueAnyThe previous value(now overwritten), or null if a new item was added
newValueAnyThe new value, or null if an item was added
url/uriStringThe page that called the method that triggered this change
新聞熱點
疑難解答