cookie 與 localStorage的區(qū)別及使用

localStorage屬于HTML5的新功能之一,它的作用和之前學(xué)的cookie相像,都可以存東西,那么他們之間有什么區(qū)別么?今天查找了一些資料,寫一些自己收集的區(qū)別如下:

cookie的大小約4k,兼容性在ie6及以上? ? 都兼容,在瀏覽器和服務(wù)器間來回傳遞,因此它得在服務(wù)器的環(huán)境下運行,而且可以設(shè)定過期時間,默認的過期時間是session會話結(jié)束。

localStorage的大小約5M,兼容性在ie7及以上都兼容,有瀏覽器就可以,不需要在服務(wù)器的環(huán)境下運行, 會一直存在,除非手動清除 。

接下來是兩者分別的使用。首先是localStorage的使用,它的使用方法有兩種,兩種都能實現(xiàn)寫與讀的功能。手動刪除的兩種在下面有詳細介紹,其中刪單個用getItem,刪除全部用clear。記住Item里面的第一個是字母是i大寫。

如何查看 localStorage:按F12找到application(resource)點擊localStorage,里面有需要查看的寫入的東西。


Cookie的使用方法:

寫cookie:? ? document.cookie='212';

讀cookie:? ? alert(document.cookie);

expires:設(shè)置過期時間

ar oDate=new Date();

oDate.setDate(oDate.getDate()+3);

document.cookie='a=212;expires='+oDate;

path: /(根目錄)? 默認存在當前目錄

document.cookie='b=212;path=/;expires='+oDate;

domain: 存域名(放一級域名)

document.cookie='a=212;domain=www.baidu.com;expires='+oDate;

Cookie的存,取,刪

存cookie:? ? ? ? function setCookie(name,value,iDay);

獲取cookie:? ? ? getCookie(name)

刪除cookie:? ? ? removeCookie(name)

function removeCookie(name){setCookie(name,'任意值',iDay);}

網(wǎng)頁換膚功能:


//調(diào)用的Cookie.js封裝



?著作權(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)容

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