localStorage sessionStorage 是windows的對(duì)象
1.cookie在瀏覽器和服務(wù)器端來回傳遞數(shù)據(jù)倍靡，而localStorage和sessionStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)送給服務(wù)器躯保，僅會(huì)保存在本地。cookie會(huì)在瀏覽器請(qǐng)求頭或者ajax請(qǐng)求頭中發(fā)送cookie內(nèi)容贩猎。
2.cookie可以設(shè)置過期日期熊户，sessionStorage是會(huì)話級(jí)的數(shù)據(jù)，瀏覽器窗口關(guān)閉即清楚吭服，localStorage是永久性的數(shù)據(jù)嚷堡，一旦賦值，不管多長時(shí)間這值都是存在的艇棕，除非手動(dòng)清除蝌戒。
3.cookie的存儲(chǔ)大小受限制，一般不超過4k沼琉，而localStorage和sessionStorage的存儲(chǔ)大小一般不超過5M北苟，大大提高了存儲(chǔ)的體積。
4.sessionStorage不跨窗口打瘪，在另外一個(gè)窗口打開sessionStorage就不存在了友鼻，它只在當(dāng)前窗口有效傻昙，而cookie和localStorage都是跨窗口的，即使瀏覽器的窗口關(guān)閉彩扔，這兩個(gè)值還是存在的妆档。
使用場景：
localStorage可以用來統(tǒng)計(jì)頁面訪問次數(shù)。
sessionStorage可以用來統(tǒng)計(jì)當(dāng)前頁面元素的點(diǎn)擊次數(shù)虫碉。
cookie一般存儲(chǔ)用戶名密碼相關(guān)信息贾惦，一般使用escape轉(zhuǎn)義編碼后存儲(chǔ)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<label>
<input type="text" id="text">
<button id="btn">save</button>
<script>
window.onload = function () {
var text = document.getElementById('text');
var btn = document.getElementById('btn');
if (localStorage.getItem('text')) {
text.value = localStorage.getItem('text');
}
btn.onclick = function () {
var t = text.value;
localStorage.setItem('text',t);
}
}
</script>
</label>
</body>
</html>
