美文网首页
本地存储

本地存储

作者: 尤小小 | 来源:发表于2019-02-19 18:25 被阅读0次

cookie存储

一条cookie信息是由namedomainpathexpires构成的。存储在浏览器的本地存储文件上,携带在每次请求头header上。cookie存储的空间为4k。

  • name: cookie名称
  • domain:cookie生效的域名 二级域名 只对该二级域名生效
  • path:cookie生效的路径 只对改路径下的资源生效
  • expires: cookie的过期时间 超过过期时间 该条cookie不生效

cookie的读取:

document.cookie

cookie的设置:

document.cookie = "name=Rosen;domain=qschou.com;path=/;expires=Tue, 19 Feb 2020 09:29:20 GMT"

如何删除一条cookie:
将过期时间设置为0 或者过期的时间。

document.cookie = "name=Rosen;domain=qschou.com;path=/;expires=0"
document.cookie = "name=Rosen;domain=qschou.com;path=/;expires=Tue, 19 Feb 2018 09:29:20 GMT"

获取世界协调时间的方法
let d = new Date()
d.toUTCString()

localStorage 和 sectionStorage存储

html5新增的localStorage、sectionStorage本地存储,有域名限制,只能在当前域名下使用,不能跨域使用。也是以key,value的形式存储。它们的出现是为了解决了cookie存储空间不足。localStorage可以存储5M,sectionStorage可以存储20M。

window.localStorage.setItem('name', 'xiaohei')
window.localStorage.getItem('name')
window.localStorage.removeItem('name')
window.localStorage.getItem('name')

在设置本地存储信息的value不能使用对象,如果使用对象的话,会将该对象toString(),导致存储的信息丢失,解决方法是通过 JSON.stringify(obj) 转化为对象字符串存起来。

localStorage只要不清除就不会消失, sectionStorage 是会话存储,关闭该网页,存储的信息就会被清除。

相关文章

  • localStorage和sessionStorage

    *示例 localStorage 设置本地存储 读取本地存储 清除本地存储 key()方法 说明:在不知道本地存储...

  • HTML 本地存储

    HTML本地存储:优于cookies 什么是HTML本地存储? 通过本地存储(Local Storage),web...

  • HTML5存储

    HTML5的本地存储与离线存储 1.本地存储 - Web storage2.本地存储 - indexedDB3...

  • iOS安全编码规范

    一.本地数据安全规范 1.本地存储密码、敏感数据加密: 本地存储:NSUserDefaults存储、plist文件...

  • H5存储

    1.本地存储-Web Storage2.本地存储-IndexedDB3.本地存储的扩展介绍4.离线存储-app c...

  • 本地存储和jQuery UI

    本地存储 本地存储分为cookie,以及新增的localStorage和sessionStoragecookie ...

  • Day 20 存储

    本地存储 本地存储分为cookie,以及H5新增的localStorage和sessionStorage; 本地储...

  • jQuery本地存储

    jQuery本地存储 本地存储有三种: cookie cookie 存储在本地,容量最大4k,在同源的http请求...

  • HTML本地存储

      本地存储:通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。...

  • 本地存储

    本地存储 1 sessionStorage 会话存储 浏览器一关闭 就不存在 2 localS...

网友评论

      本文标题:本地存储

      本文链接:https://www.haomeiwen.com/subject/rabfyqtx.html