存储器 localStorage与sessionStorage 区别?

1. 相同点：

• 作用一致：用于存储数据
• 都只能存储字符串类型数据(上限5MB)

2. 不同点：存储方式不同

• localStorage：硬盘存储 （永久存储，页面关闭还在，存在硬盘）
• sessionStorage：内存存储 （临时存储，页面关闭就消失）

 /*1.localStorage : 本地存储
            * 经典场景： 免登录
 2.语法 ：   
            存数据 ：  localStorage.setItem('属性名',属性值)
            取数据 ：  localStorage.getItem('属性名')
            删数据 :   localStorage.removeItem('属性名')
            清空数据 : localStorage.clear()
 3.注意点 ：
            3.1 永久存储 ： 数据存在硬盘中
            3.2 只能存储string类型数据, 如果存储其他类型编译器会自动转换string类型存储
            */
            
             document.querySelector('.setItem').onclick = function(){
            localStorage.setItem('username','sang')
            localStorage.setItem('password','20220122')
            localStorage.setItem('age',{name:'1111'})
        }

        //取数据 ：  localStorage.getItem('属性名')
        document.querySelector('.getItem').onclick = function(){
            //读取数据有返回值
            let uname =  localStorage.getItem('username')
            console.log(uname)
        }

        // 删数据 :   localStorage.removeItem('属性名')
        document.querySelector('.removeItem').onclick = function(){
            localStorage.removeItem('age')
        }

        //清空数据 : localStorage.clear()
        document.querySelector('.clear').onclick = function(){
            localStorage.clear()
        }
        

 /* 
        1.sessionStorage : 临时存储
            * 经典场景： 页面间传值
        2.语法 ：   
            存数据 ：  sessionStorage.setItem('属性名',属性值)
            取数据 ：  sessionStorage.getItem('属性名')
            删数据 :   sessionStorage.removeItem('属性名')
            清空数据 : sessionStorage.clear()
        3.注意点 ：
            3.1 临时存储 ： 数据存在内存中, 页面一旦关闭数据自动清空
            3.2 只能存储string类型数据, 如果存储其他类型编译器会自动转换string类型存储

        *** localStorage与sessionStorage区别（异同点）
            * 相同点： 作用一致，都是存储数据
            * 不同点： 存储方式不同
                * localStorage  : 硬盘存储 
                * sessionStorage : 内存存储 

        
        */    
        //存数据 ：  sessionStorage.setItem('属性名',属性值)
        document.querySelector('.setItem').onclick = function(){
            sessionStorage.setItem('username','sang')
            sessionStorage.setItem('password','20220122')
            sessionStorage.setItem('age',30)
        }

        //取数据 ：  sessionStorage.getItem('属性名')
        document.querySelector('.getItem').onclick = function(){
            //读取数据有返回值
            let uname =  sessionStorage.getItem('username')
            console.log(uname)
        }

        // 删数据 :   sessionStorage.removeItem('属性名')
        document.querySelector('.removeItem').onclick = function(){
            sessionStorage.removeItem('age')
        }

        //清空数据 : sessionStorage.clear()
        document.querySelector('.clear').onclick = function(){
            sessionStorage.clear()
        }