存儲

本地存儲

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

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

jquery 設(shè)置cookie

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

jquery 獲取cookie

$.cookie('mycookie');

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

//設(shè)置:

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

localStorage.dat = '456';

//獲?。?/p>

localStorage.getItem("dat");

localStorage.dat

//刪除

localStorage.removeItem("dat");

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

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

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

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

相關(guān)閱讀更多精彩內(nèi)容

  • ??支持離線 Web 應(yīng)用開發(fā)是 HTML5 的另一個重點。 ??所謂離線 Web 應(yīng)用,就是在設(shè)備不能上網(wǎng)的情況...
    霜天曉閱讀 1,186評論 0 2
  • 本文是我今年2月份發(fā)表在博客園上的文章,平常做項目時便溫故一下。私以為,只有通過實踐才能將知識真正地內(nèi)化和吸收,再...
    一個笑點低的妹紙閱讀 891評論 0 2
  • 本文介紹本地數(shù)據(jù)存儲的選型。簡單總結(jié)一些查詢到的關(guān)于本地數(shù)據(jù)存儲的技術(shù)。 控制臺展示前端存儲 Chrome: 前端...
    謝大見閱讀 9,289評論 1 8
  • 從武漢回廣州,整整的一周時間,小家伙也更加適應(yīng)廣州的生活了,不用穿那么多衣服就可以隨處去玩,喜歡的不要不要的。 先...
    易槿槿閱讀 282評論 0 0
  • 一樹紅梅晃竹眼, 為睹芳澤根向前。 耗盡平生凌云志, 歲寒兩友心相戀。
    花樣年華_de37閱讀 153評論 0 1

友情鏈接更多精彩內(nèi)容