本地存儲

本地存儲

本地存儲分為cookie,以及新增的localStorage和sessionStorage

1、cookie 存儲在本地,容量最大4k,在同源的http請求時攜帶傳遞,損耗帶寬,可設置訪問路徑,只有此路徑及此路徑的子路徑才能訪問此cookie,在設置的過期時間之前有效。

jquery 設置cookie

$.cookie('mycookie','123',{expires:7,path:'/'});

jquery 獲取cookie

$.cookie('mycookie');

2、localStorage 存儲在本地,容量為5M或者更大,不會在請求時候攜帶傳遞,在所有同源窗口中共享,數據一直有效,除非人為刪除,可作為長期數據。

//設置:

localStorage.setItem("dat", "456");

localStorage.dat = '456';

//獲?。?/p>

localStorage.getItem("dat");

localStorage.dat

//刪除

localStorage.removeItem("dat");

3、sessionStorage 存儲在本地,容量為5M或者更大,不會在請求時候攜帶傳遞,在同源的當前窗口關閉前有效。

localStorage 和 sessionStorage 合稱為Web Storage , Web Storage支持事件通知機制,可以將數據更新的通知監(jiān)聽者,Web Storage的api接口使用更方便。

iPhone的無痕瀏覽不支持Web Storage,只能用cookie。

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 這次項目做的很炸。。。無時無刻修改bug···有點煩躁迷亂項目中遇到了一種情況:后一個頁面需要獲取前一個頁面的值,...
    機智小鐺鐺i閱讀 583評論 0 0
  • 本文介紹本地數據存儲的選型。簡單總結一些查詢到的關于本地數據存儲的技術。 控制臺展示前端存儲 Chrome: 前端...
    謝大見閱讀 9,290評論 1 8
  • 前言 總括:詳細講述Cookie,LocalStorge,SesstionStorge的區(qū)別和用法。 人生如畫,歲...
    秦至閱讀 1,427評論 0 34
  • 正則 1、什么是正則表達式: 能讓計算機讀懂的字符串匹配規(guī)則。 2、正則表達式的寫法: var re=new Re...
    jackmanzhang閱讀 170評論 0 0
  • 元明三界地人天, 匯通無有顛倒顛。 三昧真參次第盡, 尊師敬祖證本源。
    天龍神劍閱讀 158評論 0 0

友情鏈接更多精彩內容