今天來說一下敬肚,瀏覽器本地存儲(chǔ)的方式绑蔫!
? 在較高版本的瀏覽器中徒蟆,js提供了sessionStorage 和 globalStorage狐树。在HTML5中提供了localStorage來取代globalStorage。
? sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話三娩,只能在同一個(gè)會(huì)話中的頁面才能訪問庵芭,當(dāng)關(guān)閉當(dāng)前標(biāo)簽時(shí),數(shù)據(jù)便會(huì)隨之銷毀雀监。因此sessionStorage 用于做臨時(shí)存儲(chǔ)双吆,不是一種持久性的本地存儲(chǔ)。
? 而localStorage用于做持久化的本地存儲(chǔ),只有手動(dòng)刪除數(shù)據(jù)后才會(huì)消失好乐,否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過期的匾竿。
緊接著就是另一種存儲(chǔ)方式,cookie是客戶端用來存儲(chǔ)數(shù)據(jù)的一種選項(xiàng)曹宴,它既可以在客戶端設(shè)置也可以在服務(wù)器端設(shè)置搂橙。cookie會(huì)跟隨任意HTTP請(qǐng)求一起發(fā)送歉提。
列舉cookie的幾種小用途
1)保存用戶登錄信息笛坦。這應(yīng)該是最常用的了。當(dāng)您訪問一個(gè)需要登錄的界面苔巨,例如微博版扩、百度及一些論壇,在登錄過后一般都會(huì)有類似"下次自動(dòng)登錄"的選項(xiàng)侄泽,勾選過后下次就不需要重復(fù)驗(yàn)證礁芦。這種就可以通過cookie保存用戶的id。
2)創(chuàng)建購物車悼尾。購物網(wǎng)站通常把已選物品保存在cookie中柿扣,這樣可以實(shí)現(xiàn)不同頁面之間數(shù)據(jù)的同步(同一個(gè)域名下是可以共享cookie的),同時(shí)在提交訂單的時(shí)候又會(huì)把這些cookie傳到后臺(tái)闺魏。
3)跟蹤用戶行為未状。例如百度聯(lián)盟會(huì)通過cookie記錄用戶的偏好信息,然后向用戶推薦個(gè)性化推廣信息析桥,所以瀏覽其他網(wǎng)頁的時(shí)候經(jīng)常會(huì)發(fā)現(xiàn)旁邊的小廣告都是自己最近百度搜過的東西司草。這是可以禁用的,這也是cookie的缺點(diǎn)之一泡仗。
cookie技術(shù)瀏覽器兼容性好埋虹。
接下來談一談cookie的弊端:
? (1)每個(gè)特定的域名下最多生成20個(gè)cookie
? ( 2 ) IE6或更低版本最多20個(gè)cookie
(3)IE7和之后的版本最后可以有50個(gè)cookie
(4)Firefox最多50個(gè)cookie
(5)chrome 和Safari沒有做硬性限制。