目錄
1.作用
2.特點
3.localStorage使用
4.sessionStorage使用
5. localStorage和sessionStorage的區別
6.本地存盤使用程序中的注意事項
7. Cookie
8.localStorage和sessionStorage和Cookie的區別
1.作用
保存資料
2.特點
將資料保存到本地（瀏覽器客戶端中）
3.localStorage使用
語法：設定值
localStorage.setItem('自定義鍵'，值)語法：獲取值
localStorage.getItem('鍵')語法：洗掉值
localStorage.removeItem('鍵')//洗掉指定的資料 -------------------------------------------- localStorage.clear() //洗掉本地存盤中的全部資料
4.sessionStorage使用
和上面的localStorage用法一模一樣
如：（就是名字換一下）
sessionStorage.setItem('自定義鍵'，值)
5. localStorage和sessionStorage的區別
5.1 localStorage屬于持久化保存（除非你洗掉，否則一直保存）sessionStorage是臨時保存（頁面重繪資料就沒了）
5.2 localStorage保存的資料可以跨頁面，sessionStorage不可以
5.3 localStorage保存的資料大概在20M左右，sessionStorage在4M左右
6.本地存盤使用程序中的注意事項
6.1 localStorage在保存資料的時候，同一個鍵只能保存一條資料
6.2 如果想要將多個資料保存到同一個鍵，可以將多條資料保存到陣列，再保存到本地
6.3 如果將多個資料保存到陣列中，獲取的結果是字串
6.4 以后遇到本地存盤最終的完美解決方案：
1.保存資料的時候先將資料轉化為字串：JSON.stringify(值)
2.獲取通過JSON.parse（）將獲取的結果轉化為對應的陣列
結果：就是將資料從字串轉成陣列，這樣拿到的資料方便后續操作
7. Cookie
JavaScript 可以使用 document.cookie 屬性來創建 、讀取、及洗掉 cookie
還可以為 cookie 添加一個過期時間（以 UTC 或 GMT 時間）
document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";
7.1 設定值：
document.cookie="username=John Doe";7.2 取值：
var x = document.cookie;7.3 洗掉值
非常簡單，只需要設定 expires 引數為以前的時間即可，示例：
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";7.4 特點
1.大小：4k左右 （對比之下，小）
2.臨時保存：關閉瀏覽器就會消失
3.保存的資料可以跨頁面
8.localStorage和sessionStorage和Cookie的區別
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/295432.html
標籤：其他
上一篇：Node.js模塊， 包和npm， URL， 定時器模塊
下一篇：介面測驗之postman工具基礎