cookie:比較老,JavaScript出現(xiàn)的時(shí)候cookie就存在了,
優(yōu)點(diǎn):兼容性好
缺點(diǎn):1. 存的少,存的小,
? ? ? ? ?2.還會(huì)拖慢網(wǎng)速
web storage?
缺點(diǎn):兼容性不夠好(IE這個(gè)奇葩8+之后才支持)
優(yōu)點(diǎn): 1.容量大, sessionSorage可以存儲(chǔ)5M的數(shù)據(jù), localStorage可以存儲(chǔ)20M的數(shù)據(jù)
? ? ? ? ?2.不會(huì)拖慢網(wǎng)速
web storage 分為 本地存儲(chǔ)(localStorage) 和 會(huì)話存儲(chǔ)(sessionSorage)
localStorage:數(shù)據(jù)永久生效,除非手動(dòng)刪除,可以在同一個(gè)瀏覽器的不同窗口共享數(shù)據(jù)
sessionSorage:只要關(guān)閉瀏覽器數(shù)據(jù)就失效了,只能在本窗口共享數(shù)據(jù)
拓展:
web存儲(chǔ)的使用方法:
存:
localStorage.鍵名=鍵值;
localStorage.setItem(鍵名,鍵值);
取:
localStorage.鍵名;//通過鍵名,獲取到對(duì)應(yīng)的鍵值
localStorage.getItem(鍵名);//通過鍵名,獲取到對(duì)應(yīng)的鍵值
刪除:
localStorage.removeItem(鍵名);//刪除鍵名對(duì)應(yīng)的本地存儲(chǔ)
清除:
localStorage.clear();//清除所有的本地存儲(chǔ)
根據(jù)索引值找到對(duì)應(yīng)的鍵名:
localStorage.key(索引值)//通過索引值找到對(duì)應(yīng)的鍵名