JavaScript中sessionStorage localStorage 区别

JavaScript中sessionStorage localStorage 区别

  1.相同点:

    1)两者都为浏览器存储本地存储。

    2)两者都只能存储字符串形式数据。

    3)将数据保存在本地,不会将数据自动发送给服务器。

  2.不同点:

    1)存储大小不同:sessionStorage 存储大小约为5M 。localStorage 大小约为20M

    2)存储有效期不同:sessionStorage  仅保存到当前浏览器窗口关闭前有效。会话级存储。

              localStorage 永久存储到本地,如果不清空,则一直保存。

    3)作用域不同:sessionStorage   仅在同一个页面中有效。不同窗口不会进行共享。

            localStorage  在所有同源(同一根目录)窗口下都可以共享。

  3.使用环境:根据两者不同的特性,sessionStorage  适合敏感级账号一次性登录,关闭页面后就清空。localStorage  适合保存长期使用的数据。

         SessionStorage可以用来检测用户是否是刷新进入页面,如音乐播放器恢复播放进度条的功能。

        LocalStorage常用于存储不易变动的数据,减轻服务器的压力,

posted @ 2022-07-06 16:05  WangED  阅读(249)  评论(0)    收藏  举报