sessionStorage和localStorage的用法,不同点和相同点

一,共同点

(1)存储时用setItem:

localStorage.setItem("key","value");//以“key”为名称存储一个值“value”sessionStorage.setItem("key", "value");

(2)获取时用getItem:

localStorage.getItem("key");//获取名称为“key”的值
localStorage.key;//获取存储的变量key的值
sessionStorage.getItem("key");//获取名称为“key”的值

(3)清除时用clearItem

localStorage.removeItem("key")//删除变量名为key的存储变量
sessionStorage.removeItem("key")//删除变量名为key的存储变量

 (4)都本地存储

 (5)存储时转化成字符串,获取时转化成对象

sessionStorage.setItem(‘xxx‘, JSON.stringify(obj));
obj = JSON.parse(sessionStorage.setItem(‘xxx‘)); 

二,不同点

(1)sessionStora的用法:

  sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。源生接口可以接受,亦可再次封装来对Object和Array有更好的支持。

  简言之:关闭页面就销毁

(2)localStorage的用法:

  localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。

  简言之:你不手动清除它就一直在

原文地址:https://www.cnblogs.com/qianduanting/p/8662412.html

时间: 2024-10-14 07:57:15

sessionStorage和localStorage的用法,不同点和相同点的相关文章

sessionStorage、localStorage简介

简介 技术一般水平有限,有什么错的地方,望大家指正. sessionStorage.localStorage.cookie这三个是我们在浏览器端用来存储数据的,cookie使用起来较为繁琐以后进行总结,主要介绍一下sessionStorage和localStorage的用法.sessionStorage和localStorage都是在浏览器端用来存储数据的对象,它们也只在浏览器里有作用不会被发送到服务器端. sessionStorage sessionStorage存活周期就是会话开始直到结束的

cookie和sessionStorage 、localStorage 对比

相同点:都存储在客户端 不同点:1.存储大小 cookie数据大小不能超过4k. sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大. 2.有效时间 localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据: sessionStorage 数据在当前浏览器窗口关闭后自动删除. cookie 设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭 3. 数据与服务器之间的交互方式 cookie的数据

前端面试01:描述一下cookices sessionStorage 和 localStorage 的区别

相同点:都可以存储在客户端 不同点: 1.存储大小 cookie数据大小不能超过4K. sessionStorage 和 localStorage 虽然也有大小限制,但是比cookie大得多,可以达到5M或更大. 2.有效t时间 localStorage 存储持久数据,浏览器关闭后数据不会丢失除非主动删除数据: sessionStorage 数据在当前浏览器窗口关闭后自动删除. cookie 设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭. 3.数据和服务器之间的交互方式 cook

请描述一下 cookies,sessionStorage 和 localStorage 的区别

(一)相同点:都存储在客户端 (二)不同点: 1.存储大小不同 cookie数据大小不能超过4k. sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大. 2.有效时间不同 localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据: sessionStorage 数据在当前浏览器窗口关闭后自动删除. cookie 设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭 3. 数据与服务器之间的交互方

HTMl5的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. web storage和cookie的区别 Web Stora

HTMl5的存储方式sessionStorage和localStorage详解

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage.sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁 因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储.而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. 一.web storage和cookie的区别 Web Stora

[Html5]sessionStorage和localStorage常见操作

摘要 [Html5]sessionStorage和localStorage的区别 索引 上篇文章简单介绍了它们的区别,已经常见的用法.那我们能通过. 或者类似dic[key]的方式访问吗?答案是当然可以了. var local = window.localStorage; local.name = "wolfy"; local["age"] = 22; console.log(local.name, local["age"]); 遍历key和va

[Html5]sessionStorage和localStorage的区别

摘要 有时需要在浏览器中保存一些数据,特别在app中嵌入的h5页面中,需要在webview中保存一些数据,作为客户端的数据持久化. h5中web storage有两种存储方式:sessionStorage和localStorage. sessionStorage:用于存储一次会话的数据,这些数据只有在同一个会话中的页面才能访问到,当会话结束后,数据也随之销毁,可以这样形容sessionStorage,是会话级别的数据存储. localStorage:用于持久本地数据,除非主动删除,否则数据永远存

【总结】HTMl5的sessionStorage和localStorage

最近在做人人自媒的对接后台的工作的时候,由于是微信平台,需要获得微信用户的openid,所以 根据和后台君的沟通后,发现要用到sessionStorage,之前对于这两个H5的新特性都只是了解,今天 终于可以派上用场了,兴奋! 可是兴奋归兴奋,自己对这两个家伙可不是特别熟悉,所以没办法,百度一下and goole it,在网上 找到了一点资料,清楚了基本的用法之后,再经过不停的调试,总算是用上了后台提供的接口了. 基本的代码如下: 1 if(window.sessionStorage){ 2 v