本地存储
2016-11-20 15:09:59 2 举报AI智能生成
本地存储学习。整理
作者其他创作
大纲/内容
Web storage
sessionStorage
概念：将数据保存在session对象中，保存的时间是，从进入网站到浏览器关闭所经过的时间,页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话
保存数据的方法：setItem(key,value)
用键值对方式存储
sessionStorage.setItem('key','value');
sessionStorage.key = 'value';
key
存储数据的名称
value
存储的数据内容
读取数据的方法：getItem(key)
读取数据的方法
变量 = sessionStorage.getItem('key');
变量 = sessionStorage.key;
key
根据key获得对应数据
返回值
key对应的value值
sesssionStorage.key(index)
根据索引值来获取对应的key值
sessionStorage.removeItem(key)
sessionStorage.clear()
将存储系统的所有数据删除（清空）
sessionStorage.length
返回当前存储系统中的数据个数
localStorage
概念：将数据库保存在客户端本地的硬盘上，该数据永久保存，除非手动删除
保存数据的方法：setItem(key,value)
用键值对方式存储
localStorage.setItem('key','value');
localStorage.key = 'value';
key
作为存储数据的标识
唯一
value
存储的数据内容
读取数据的方法：getItem(key)
读取数据
变量 = localStorage.getItem('key');
变量 = localStorage.key;
key
根据key获得对应数据
返回值
key对应的value值
loaclStorage.key(index)
根据索引值来获取对应的key值
localStorage.removeItem(key)
接受一个参数——想要移除的数据项的键，然后会将对应的数据项从域名对应的存储对象中移除
localStorage.clear()
将存储系统的所有数据删除（清空）,不接受参数，只是简单地清空域名对应的整个存储对象
localStorage.length
返回当前存储系统中的数据个数
cookie
作用
保存简单的用户信息
以键值对的文本形式，存储在本地客户端
解决啦HTTP无状态协议，可以让服务器知道是同一个浏览器发过来的信息
弊端
大小限制在4KB左右，不能存储大量信息
cookie的数据会在http的请求中每次自动加入，影响HTTP传输的性能
存在安全隐患，XSS,CSRF等会利用cookie信息做一些对用户危害的事情
0 条评论
下一页
