本地存储分为cookie,以及新增的localStorage和sessionStorage
cookie
<script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>
<script type="text/javascript">
//写cookie
//参数:名称,值,有效期几天,路径
$.cookie("mycookie","ok!",{expires:7,path:"/"});
//读cookie
var val = $.cookie("mycookie");
alert(val);//ok!
</script>
本地存储
<script type="text/javascript" src="../js/jquery-1.12.4.min.js">
<script type="text/javascript">
//写入
localStorage.setItem("mystorage","ok!");
//读取
alert(localStorage.setItem);
//关闭之后就没有了
//写入
sessionStorage.setItem("username","lalal");
//读取
alert(sessionStorage,name);//lalal
localStorage.setItem("cars",'[{"id":1,"name":"连衣裙","price":300},{"id":2,"name":"运动鞋","price":500}]');
</script>
1> localStorage 存储在本地,容量为5M或者更大,不会在请求时候携带传递,在所有同源窗口中共享,数据一直有效,除非人为删除,可作为长期数据。
2>localStorage.removeItem("dat");
sessionStorage 存储在本地,容量为5M或者更大,不会在请求时候携带传递,在同源的当前窗口关闭前有效。
localStorage 和 sessionStorage 合称为Web Storage , Web Storage支持事件通知机制,可以将数据更新的通知监听者,Web Storage的api接口使用更方便。
iPhone的无痕浏览不支持Web Storage,只能用cookie。