本地存储

本地存储_第1张图片
image.png

sessionStorage 数据操作-增删改查

本地存储_第2张图片
image.png

添加存储数据 setItem(" 键 ", 值) 可以设置多个

本地存储_第3张图片
image.png

存储在浏览器里的application - sessionStorage 键值对方式


image.png

获取数据

本地存储_第4张图片
image.png

本地存储_第5张图片
image.png

删除

本地存储_第6张图片
image.png
本地存储_第7张图片
image.png

清空多个,页面中的所有数据都删掉,慎用!!!

本地存储_第8张图片
image.png
image.png

image.png

代码



    
        
        
    
    
        
        
        
        
        
        
    


localStorage

本地存储_第9张图片
image.png

生命周期不一样!

案例 -- 记录用户名 分析在代码里

本地存储_第10张图片
image.png


    
        
        记录用户
    
    
        
         记住用户名
        
    


你可能感兴趣的:(本地存储)