共同点
都是保存在浏览器端,都是同源的.
区别
- cookie存储大小4K,有时间限制,在所有同源窗口中都是共享的.
- localStorage存储大小为5M,没有时间限制;在所有同源窗口中都是共享的.
//对用户访问页面的次数进行计数,不限制时间
<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>
- sessionStorage临时会话存储,当浏览器关闭的时候信息自动销毁;不在不同的浏览器窗口中共享,即使是同一个页面.
//对用户访问页面的次数进行计数,当页面关闭自动销毁
<script type="text/javascript">
if (sessionStorage.pagecount){
sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
} else {
sessionStorage.pagecount=1;
}
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script>
- session相对前三者来说,安全性特别高,属于服务端