localStorage、cookie的使用总结

原创 cloudLoveU 随笔 JS 1303阅读 2017-11-08 16:40:20 举报
Locastorage

参考链接:localStorage

1、localStorage是H5的新特性,主要用来本地存储,一般浏览器支持的大小是5M,不同浏览器会有所不同,解决了cookie存储空间不足的问题。
2、使用:
⑴、存
javascript 代码

⑵、取
javascript 代码

⑶、修改
javascript 代码

⑷、删除
javascript 代码

⑸、key()方法
javascript 代码

⑹、存入为JSON形式时,先转为json字符串
javascript 代码

⑺、读取后用转为JSON对象
javascript 代码

3、局限:
①、IE8以上才支持
②、浏览器会把localstorage的值类型限定为string类型,JSON对象需要转换。
③、本质上是存取字符串,存储内容太多消耗空间,页面变卡。
④、localStorage在浏览器的隐私模式下不可读取
⑤、不能被爬虫抓取

Cookie

让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术。
使用jquery.cookie.js
1、引入jquery.cookie.js
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

2、设置 "会话"cookie
javascript 代码

 cookie有效期默认到用户关闭浏览器

3、设置有效时间
javascript 代码

4、设置有效路径
javascript 代码

5、读取cookie
javascript 代码

注:cookie是基于域名来储存的。意思您要放到测试服务器上或者本地localhost服务器上才会生效。cookie具有不同域名下储存不可共享的特性。单纯的本地一个html页面打开是无效的。

6、删除cookie
javascript 代码

7、可选参数
javascript 代码

评论 ( 7 )
最新评论