window.localStorage.setItem的理解與使用
HTML5種的web storage包含兩種存儲方式:localStorage和sessionStorage,這兩種方式存儲的數據不會自動發給服務器,僅僅是本地保存,有大小限制。
localStorage是持久化的本地保存,只要你找不到其所在地沒有主動刪掉,就會一直存在。就像一些緩存,都把APP刪了還有。
sessionStorage是會話級別的本地保存,比如一個頁面關閉的時候該頁面設置的sessionStorage數據會自動消失,在不同瀏覽器窗口不會共享的,即使是同一個瀏覽器的同一個頁面。根Java里面的會話有點類似的。
window.localStorage.setItem(key,value);//設置指定key的數據(JSON格式)
window.localStorage.getItem(key);//獲取指定key的數據
window.localStorage.removeItem(key);//刪除指定key的數據
window.localStorage.clear();//清空所有的存儲數據
window.sessionStorage.setItem(key,value);
window.sessionStorage.getItem(key);
window.sessionStorage.removeItem(key);
window.sessionStorage.clear();
應該還有更深的理解。待續。
-----------------------------------------------------------continue--------------------------------------------------------------------------------
localStorage其他注意事項
一般我們會將JSON存入localStorage中,但是在localStorage會自動將localStorage轉換成為字符串形式
這個時候我們可以使用JSON.stringify()這個方法,來將JSON轉換成為JSON字符串
示例:
if(!window.localStorage){
alert("瀏覽器支持localstorage");
}else{
var storage=window.localStorage;
var data={
name:'taytay',
sex:'woman',
hobby:'program'
};
var d=JSON.stringify(data);
storage.setItem("data",d);
console.log(storage.data);
}
讀取之后要將JSON字符串轉換成為JSON對象,使用JSON.parse()方法
var data={
name:'taytay',
sex:'woman',
hobby:'program'
};
var d=JSON.stringify(data);
window.localStorage.setItem("data",d);
//將JSON字符串轉換成為JSON對象輸出
var json=storage.getItem("data");
var jsonObj=JSON.parse(json);
console.log(typeof jsonObj);
打印出來是Object對象
另外還有一點要注意的是,其他類型讀取出來也要進行轉換.......
參考鏈接: https://www.cnblogs.com/st-leslie/p/5617130.html
https://www.cnblogs.com/wdlhao/p/4494624.html
————————————————
版權聲明:本文為CSDN博主「taylorzun」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/taylorzun/article/details/81112392