全栈开发1

Storage 存储

2017-07-17  本文已影响21人  哼_

存储:
分为本地存储 和 会话存储+++++++++在一定程度上解决了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 // 除非手动清除,否则永久存在,没有超时时间

上一篇下一篇

猜你喜欢

热点阅读