cookies,sessionStorage 和 localStorage 的使用和区别

Web Storage

我们在编程的时候需要持久化的存储一些数据。对于网络化编程,一般将这项任务交给了服务器端的数据库或者浏览器端的cookie。

Web Storage有两种形式:

  LocalStorage(本地存储)和sessionStorage(会话存储)。

这两种形式在功能上都差不多,但是存储的坚持时间不一样(不知道怎么描述了,下面会解释)

  • LocalStorage:浏览器关闭了数据仍然可以保存下来,并可用于所有同源(相同的域名、协议和端口)窗口(或标签页)永久存储,永不失效,除非手动删除
  • sessionStorage:数据存储在窗口对象中,窗口关闭后对应的窗口对象消失,存储的数据也会丢失。就是浏览器窗口关闭就失效了。
  • 注意:sessionStorage 都可以用localStorage 来代替,但需要记住的是,在窗口或者标签页关闭时,使用sessionStorage 存储的数据会丢失。

local storage和session storage的使用主要通过在js中操作这两个对象来实现,分别为window.localStorage和window.sessionStorage. 这两个对象均是Storage类的两个实例,自然也具有Storage类的属性和方法。

对于Storage类的属性大家自行百度哈。

cookies

服务器和客户端都可以访问;大小只有4KB左右;有有效期,过期后将会删除;

时间: 2024-10-11 17:06:39

cookies,sessionStorage 和 localStorage 的使用和区别的相关文章

cookies,sessionStorage 和 localStorage 之间有什么区别?

cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密) cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递 sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存 存储大小: cookie数据大小不能超过4k sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大 有期时间: localStorage 

cookies,sessionStorage 和 localStorage 的区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递. sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个"浏览器窗口"的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口

cookies,sessionStorage和localStorage的区别

共同点:都是保存在浏览器端,且同源的. 区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递.而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存.cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下.存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识.sessionStorag

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

(1)cookie在浏览器和服务器间来回传递, sessionStorage和localStorage不会. (2)sessionStorage和localStorage的存储空间更大. (3)sessionStorage和localStorage有更多丰富易用的接口. (4)sessionStorage和localStorage各自独立的存储空间.

cookies,sessionStorage 和localStorage 的区别。

cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密). cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递. sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存. 存储大小: cookie数据大小不能超过4k. sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大. 有期时间: localSt

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

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

sessionStorage 、localStorage 和 cookie 之间的区别(转)

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递.sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口没有关闭,即

cookie、sessionStorage和localStorage的区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递.sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个"浏览器窗口"的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口没

[Html5]sessionStorage和localStorage的区别

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