H5本地储存API


localStorage,sessionStorage,cookie

顾名思义!! 第一个为本地储存,不主动删除的话可以永久保存在本地,页面之间能够共享localStorage信息;

第二个为会话储存,关闭页面后会被删除,页面之间不能够共享,内嵌iframe除外;

第三个是饼干!!!(不多说,知道是饼干就行了,反正好吃,能setCookie,getCookie),算了还是多说一下,请求中默认带上cookie,跨域请求带cookie前端需要设置请求头中 withCredentials: true,后端需要设置
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Origin: http://www.xxx.com");

cookie的长度和数量的限制。每个domain最多只能有20条cookie,每个cookie长度不能超过4KB,
cookie.setMaxAge(0);//不记录cookie
cookie.setMaxAge(-1);//会话级cookie,关闭浏览器失效
cookie.setMaxAge(60*60);//过期时间为1小时,秒为单位

HTTP请求中的 响应头中可以设置cookie,cookie在每次请求下会默认填写在请求头中,这样每次请求的数据体积会变大,
HTTP-only类型的Cookie不能使用Javascript通过Document.cookie属性来访问,从而能够在一定程度上 阻止跨域脚本攻击(XSS)。当你不需要在JavaScript代码中访问你的Cookie时,可以将该Cookie设置成HttpOnly类

最后说说localStorage 和 sessionStorage 的方法
localStorage 和 sessionStorage 的方法相同,具体如下 localStorage.setItem("key","value");//以“key”为名称存储一个值“value”localStorage.getItem("key");//获取名称为“key”的值localStorage.removeItem("key");//删除名称为“key”的信息。localStorage.clear();​//清空localStorage中所有信息
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值