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封裝

