js中的本地存儲(chǔ):使用js向?yàn)g覽器的某一位置存儲(chǔ)一些內(nèi)容,瀏覽器關(guān)閉也不會(huì)銷毀。
本地存儲(chǔ)的方案:
傳統(tǒng)方案:
1.cookie:把數(shù)據(jù)存儲(chǔ)在客戶端中,只能存儲(chǔ)4KB內(nèi)容,服務(wù)端也可以獲取cookie优幸,但必須是同源。
2.session: 把數(shù)據(jù)存儲(chǔ)在服務(wù)器上褪猛。
HTML5的存儲(chǔ)方案webstorage:
1.localStorage: 永久的存儲(chǔ)在客戶端本地网杆,可以存儲(chǔ)5M內(nèi)容。
localStorage.setItem('name','jackLi'); // 存儲(chǔ)數(shù)據(jù) 轉(zhuǎn)換為字符串存儲(chǔ)
localStorage.getItem('name') //獲取數(shù)據(jù);
localStorage.removeItem('name'); // 移出數(shù)據(jù)
localStorage.clear(); // 清空所有數(shù)據(jù)
下面的例子對(duì)用戶訪問頁面的次數(shù)進(jìn)行計(jì)數(shù):
<script type="text/javascript">
if (localStorage.pagecount)
{
localStorage.pagecount=Number(localStorage.pagecount) +1;
}
else
{
localStorage.pagecount=1;
}
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>
2.sessionStorage: 信息會(huì)話存儲(chǔ)伊滋,瀏覽器窗口關(guān)閉才會(huì)消失碳却,否則不會(huì)消失