localStorage屬于HTML5的新功能之一饮醇,它的作用和之前學(xué)的cookie相像径缅,都可以存東西配阵,那么他們之間有什么區(qū)別么?今天查找了一些資料钦勘,寫一些自己收集的區(qū)別如下:
cookie的大小約4k陋葡,兼容性在ie6及以上? ? 都兼容,在瀏覽器和服務(wù)器間來(lái)回傳遞彻采,因此它得在服務(wù)器的環(huán)境下運(yùn)行腐缤,而且可以設(shè)定過(guò)期時(shí)間,默認(rèn)的過(guò)期時(shí)間是session會(huì)話結(jié)束肛响。
localStorage的大小約5M岭粤,兼容性在ie7及以上都兼容,有瀏覽器就可以特笋,不需要在服務(wù)器的環(huán)境下運(yùn)行剃浇, 會(huì)一直存在,除非手動(dòng)清除 猎物。
接下來(lái)是兩者分別的使用虎囚。首先是localStorage的使用,它的使用方法有兩種蔫磨,兩種都能實(shí)現(xiàn)寫與讀的功能淘讥。手動(dòng)刪除的兩種在下面有詳細(xì)介紹,其中刪單個(gè)用getItem堤如,刪除全部用clear蒲列。記住Item里面的第一個(gè)是字母是i大寫窒朋。
如何查看 localStorage:按F12找到application(resource)點(diǎn)擊localStorage,里面有需要查看的寫入的東西嫉嘀。
Cookie的使用方法:
寫cookie:? ? document.cookie='212';
讀cookie:? ? alert(document.cookie);
expires:設(shè)置過(guò)期時(shí)間
ar oDate=new Date();
oDate.setDate(oDate.getDate()+3);
document.cookie='a=212;expires='+oDate;
path: /(根目錄)? 默認(rèn)存在當(dāng)前目錄
document.cookie='b=212;path=/;expires='+oDate;
domain: 存域名(放一級(jí)域名)
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)頁(yè)換膚功能:
//調(diào)用的Cookie.js封裝