JavaScript——localStorage和sessionStorage的使用方法

首先localStorage和sessionStorage都是用来存储客户端临时信息的对象。说白了就是把用户输入的信息放在本地中,通常用于记住密码这一类需要实现存储数据的功能。通常我们自己写的网页每次刷新后数据就自动消失了,而这两个方法可以让其刷新完毕过后还保留其中用户输入的数据

这里就用到loaclStorage和sessionStorage方法

其两者的特点如下:

1、用来存储临时信息

2、只能存放字符串类型的对象

3、localStorage生命周期是永久

4、sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。

5、不同的浏览器是不能共享localStorage或着sessionStorage中的信息

 下面说一下localStorage()方法

看这个代码:




    
    
    
    localStorage
    


    
    

存储本地的数据        效果如下 

JavaScript——localStorage和sessionStorage的使用方法_第1张图片

 JavaScript——localStorage和sessionStorage的使用方法_第2张图片

如果刷新浏览器的话,这些数据也不会消失,会存储在本地 

 获取本地的数据  效果如下

JavaScript——localStorage和sessionStorage的使用方法_第3张图片

 删除本地的数据和清空所有数据 效果如下:

这里注意一下:localStorage数据是永久的,无论是关闭页面还是换个新的页面导入链接他的数据都还在,但是在浏览器不一样的情况下打开是没有数据的

360浏览器:

 

JavaScript——localStorage和sessionStorage的使用方法_第4张图片

 

 谷歌浏览器:

JavaScript——localStorage和sessionStorage的使用方法_第5张图片

 下面说一下

sessionStorage

它只是可以将一部分数据在当前会话中保存下来,刷新页面数据依旧存在。但当页面关闭后,sessionStorage 中的数据就会被清空

看这个例子:





    
    
    
    sessionStorage方法
    



    
    

你可能感兴趣的:(JavaScript,javascript,html5,vue.js)