JS 利用sessionStorage和localStorage存储数据

120 阅读1分钟
    <1>sessionStorage:(当前窗口关闭就销毁数据)
    
        1.生命周期为关闭浏览器窗口
        2.在同一个窗口(页面)下数据可以共享(同一个窗口:通过链接跳转的页面可以使用)
        3.以键值对形式存储使用
        sessionStorage:将数据保存在页面中,同一个窗q口可以使用
    
    <2>localStorage:(永久存储)

        1.存储的数据为永久存储,除非主动删除
        2.所有页面都可以使用(同一浏览器)
        3.键值对存储

    sessionStorage

    存储值
    1.sessionStorage.setItem(键,值)
    sessionStorage.setItem('value',input.value); //设置sessionStage
    
    获取值
    2.sessionStorage.getItem(键) //
    
    清除所有sessionStorage数据
    3.sessionStorage.clear(); //
    
    删除sessionStorage某个数据
    4.sessionStorage.removeItem(键); //

    localStorage

    存储值
    1.localStorage.setItem(键,值)
    localStorage.setItem('value',input.value); //设置localStorage
    
    获取值
    2.localStorage.getItem(键) //
    
    清除所有localStorage数据
    3.localStorage.clear(); //
    
    删除localStorage某个数据
    4.localStorage.removeItem(键);