localStorage的一些简单的操作

Posted 2020-07-13

本地存储

    cookie

    localStorage

                          cookie             localStorage

    生存周期         　有                  没有

    操作                 难                  简单

    容量                 4KB              5MB

    提交                 会                  不会

    localStorage.xxx = xxx;             设置

    localStorage.xxx;                     获取

    delete localStorage.xxx;             删除

共同点：

    不安全

    不能跨域

    不能跨浏览器

    兼容到ie7

    delete     是删除属性的

 

本地存储：建议最好放到服务器环境

 

    localStorage

 

    容量: 5M

 

        localStorage 多于5M，报错

        cookie     多于4K，存不进去，不报错

 

    事件:

    onstorage   当本地存储里面的信息发生变化的时候

        加给window （window.onstorage）

      ev.key      谁发生变化

     写法：localStorage[ev.key]

---

设置：localStorage.a=5;

删除：delete localStorage.b;

---

标准提供一套用法：

    存：localStorage.setItem(name,value);

    取：localStorage.getItem(name);

    删：localStorage.removeItem(name);

    全部清除： localStorage.clear();

测试：

    cookie    随着请求每次都会发往服务器

    localStorage  不会

    sessionStorage:  关闭浏览器消失(写法跟localStorage一样)

sessionStorage.a=1;

alert(sessionStorage.a);