美文网首页
本地存储

本地存储

作者: 昱蓉呀 | 来源:发表于2019-02-15 22:39 被阅读0次

今天来说一下,浏览器本地存储的方式!

  在较高版本的浏览器中,js提供了sessionStorage 和 globalStorage。在HTML5中提供了localStorage来取代globalStorage。

  sessionStorage用于本地存储一个会话,只能在同一个会话中的页面才能访问,当关闭当前标签时,数据便会随之销毁。因此sessionStorage 用于做临时存储,不是一种持久性的本地存储。

  而localStorage用于做持久化的本地存储,只有手动删除数据后才会消失,否则数据是永远不会过期的。

紧接着就是另一种存储方式,cookie是客户端用来存储数据的一种选项,它既可以在客户端设置也可以在服务器端设置。cookie会跟随任意HTTP请求一起发送。

列举cookie的几种小用途

1)保存用户登录信息。这应该是最常用的了。当您访问一个需要登录的界面,例如微博、百度及一些论坛,在登录过后一般都会有类似"下次自动登录"的选项,勾选过后下次就不需要重复验证。这种就可以通过cookie保存用户的id。

2)创建购物车。购物网站通常把已选物品保存在cookie中,这样可以实现不同页面之间数据的同步(同一个域名下是可以共享cookie的),同时在提交订单的时候又会把这些cookie传到后台。

3)跟踪用户行为。例如百度联盟会通过cookie记录用户的偏好信息,然后向用户推荐个性化推广信息,所以浏览其他网页的时候经常会发现旁边的小广告都是自己最近百度搜过的东西。这是可以禁用的,这也是cookie的缺点之一。

cookie技术浏览器兼容性好。

接下来谈一谈cookie的弊端:

  (1)每个特定的域名下最多生成20个cookie

  ( 2 ) IE6或更低版本最多20个cookie

(3)IE7和之后的版本最后可以有50个cookie

(4)Firefox最多50个cookie

(5)chrome 和Safari没有做硬性限制。

相关文章

  • localStorage和sessionStorage

    *示例 localStorage 设置本地存储 读取本地存储 清除本地存储 key()方法 说明:在不知道本地存储...

  • HTML 本地存储

    HTML本地存储:优于cookies 什么是HTML本地存储? 通过本地存储(Local Storage),web...

  • HTML5存储

    HTML5的本地存储与离线存储 1.本地存储 - Web storage2.本地存储 - indexedDB3...

  • iOS安全编码规范

    一.本地数据安全规范 1.本地存储密码、敏感数据加密: 本地存储:NSUserDefaults存储、plist文件...

  • H5存储

    1.本地存储-Web Storage2.本地存储-IndexedDB3.本地存储的扩展介绍4.离线存储-app c...

  • 本地存储和jQuery UI

    本地存储 本地存储分为cookie,以及新增的localStorage和sessionStoragecookie ...

  • Day 20 存储

    本地存储 本地存储分为cookie,以及H5新增的localStorage和sessionStorage; 本地储...

  • jQuery本地存储

    jQuery本地存储 本地存储有三种: cookie cookie 存储在本地,容量最大4k,在同源的http请求...

  • HTML本地存储

      本地存储:通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。...

  • 本地存储

    本地存储 1 sessionStorage 会话存储 浏览器一关闭 就不存在 2 localS...

网友评论

      本文标题:本地存储

      本文链接:https://www.haomeiwen.com/subject/hcsveqtx.html