Storage 存储

存储:
分为本地存储 和 会话存储+++++++++在一定程度上解决了cookie 的不便利

本地存储 localStorage

会话存储 sessionStorage####

存储相对于cookie的区别优势:
1,存储上线 5M 2,存储模式 键值对 3,API 灵活(方法比较多)

本地存储和回话存储的异同###

localStorage 和 sessionStorage 的用法相同
唯一的不同是 有效期不同
sessionStorage 是只在回话期间有效, localStorage 永久有效

<script type="text/javascript">
    console.log(localStorage);
    var obj = {age:30,address:"北京"};
    localStorage.setItem("user","admin");//增加或修改指定的存储内容
    //localStorage.setItem("desc",obj);
    localStorage.setItem("desc",JSON.stringify(obj));


    console.log(localStorage.getItem("user"))//获取指定的存储内容
    //console.log(localStorage.getItem("desc"))

    console.log(JSON.parse(localStorage.getItem("desc")));


    localStorage.removeItem("user")//移除指定的存储内容
    console.log(localStorage);

    localStorage.clear();//清除存储内容
    console.log("+++++++++++",localStorage)
    //

</script>

localStorage // 除非手动清除,否则永久存在,没有超时时间

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 存储## 分为本地存储 和 会话存储在一定程度解决了cookie的不便利性 本地存储 localStorage 会...
    what__阅读 1,696评论 0 1
  • 本文介绍本地数据存储的选型。简单总结一些查询到的关于本地数据存储的技术。 控制台展示前端存储 Chrome: 前端...
    谢大见阅读 12,982评论 1 8
  • 一:本地存储(localstorage IE8以上支持) 1-特点:永久存储 永不失效 除非手动删除 2-大小:每...
    stars甜阅读 4,603评论 0 1
  • 今天,在微信朋友圈,看到我初中一位老师写的一篇文章,才知道有这个平台,果断加入,立马下载安装,写个日记留个纪念,简...
    多姿百合阅读 1,176评论 0 2
  • 如题。该问题很简单,使用一个嵌套循环即可解决,代码如下所示:
    JackRo阅读 9,272评论 0 0