浏览器本地存储的使用

  浏览器的本地存储,我们的数据如果想每次打开浏览器都可以访问到的话,我们就必须使用本地存储这个功能

  localStorage 对象,便可以帮我们实现这个功能

  localStorage.setItem("car",JSON.stringify(state.car));  来存储我们的数据,第一个参数对应的属性,第二个参数对应的值,且都是字符串格式,使用 , 来进行隔开

  JSON.parse(localStorage.getItem(‘car‘) || ‘[]‘);    来获取我们的数据,通过属性便可以获取,获取到的是字符串,要转换称 json 格式,这里来用到了条件判断,如果第一次没有数据,那就是一个 空 数组,但是需要用 引号 引起来

  

原文地址:https://www.cnblogs.com/shangjun6/p/11331934.html

时间: 2024-10-05 20:06:32

浏览器本地存储的使用的相关文章

浏览器本地存储

Cookies: Cookies 是浏览器保存用户信息到本地的一种方式 形式:txt文本 大小:4kb 它可以由js进行操作,一般是以键值对形式保存数据,但Cookies只能保存简单的数据 数字  字符串 等 对于特殊的或者比较大的数据无法保存 User Data: 是微软为IE专门在系统中开辟的一块存储空间,所以说只支持Windows+IE的组合,实际测试在2000(IE5.5).XP(IE6.IE7),Vista(IE7)下都是可以正常使用的.在XP下,一般位于C:\Documents an

HTML5 localstorage浏览器本地存储

应用场景: 当我们用JSON来模拟后台数据的时候,前台增删改查都是把数据放到一个JavaScript对象中,但是这种方法的数据只能作用于一个页面.localstorage的出现解决了我们这个问题!即通过localstorage把数据存储在浏览器上,然后在另一个要引用此数据的页面中再取出localstorage的东西! 比如:当你首次访问某个页面,在该页面中展开主菜单的子菜单,刷新页面,子菜单已经自动展开(因为该状态已经被记录到浏览器中了),或者说关闭浏览器重新打开该页面,子菜单依旧是展开的. 代

(转)HTML5 本地存储

原文:http://www.cnblogs.com/rainman/archive/2011/06/22/2086069.html HTML5 本地存储 1.sessionStorage 2.localStorage 3.Database Storage 4.globalStorage 5.兼容性 参考文献 本地持久化存储一直是本地客户端程序优于 web 程序的一个方面.对于本地应用程序,操作系统会一共一个抽象层,用于存储和获取特定于应用程序的数据,例如用户设置或者运行时状态.这些值可以被存储于

h5 本地存储和读取信息

参考:http://killtyz.com$(document).ready(function () { $('#add-input').focus(); $('#add-input').bind('keypress',function(event){ var value = $(this).val(); if( event.keyCode == "13" && value ) { var time = (new Date()).getTime(); addItem(t

兼容多浏览器的本地存储

在做考试系统时需要解决这样一个问题,就是当考生考试时可能出出现断网.关闭浏览器,刷新等问题,数据此时可能没有及时写入数据库,所以造成数据丢失问题,,所以这里就需要用到本地存储,以前的版本都是用cookie,但是不得不说cookie太小了,只有可怜的4k,而机房的网有时候实在是让人捉急,所以,考虑换一种方案. 直接读取XML实现方式 因为本地存储平时接触的不是太多,开始想的只是简单的读取本地的XML,做起来倒是挺容易的,一个语句就能搞定: <script language="javascri

浏览器相关--H5本地存储

这一系列主要研究一下浏览器底层的一些东西,包括协议.存储.底层变量.部分API等. 今天首先介绍一下浏览器底层存储技术. 浏览器存储主要包括一下几个部分1. cookie2. localStorage3. sessionStorage4. indexDB5. websql6. window变量7. flash cookie 下面具体说一下,虽然也没特别具体... 1.cookie这个存储用了很久了,而且也是以前大多网站十分喜欢的存储站点.但是也很容易被清除.同时cookie会在每一次通信过程中传

灵魂拷问第2篇:能不能说一说浏览器的本地存储?各自优劣如何?

浏览器的本地存储主要分为Cookie.WebStorage和IndexedDB, 其中WebStorage又可以分为localStorage和sessionStorage.接下来我们就来一一分析这些本地存储方案. Cookie Cookie 最开始被设计出来其实并不是来做本地存储的,而是为了弥补HTTP在状态管理上的不足. HTTP 协议是一个无状态协议,客户端向服务器发请求,服务器返回响应,故事就这样结束了,但是下次发请求如何让服务端知道客户端是谁呢? 这种背景下,就产生了 Cookie. C

h5的本地存储——sessionStorage,localStorage

HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,localStorage和sessionStorage都是本地存储. Cookie会在每次发送HTTP请求时附加到Cookie头字段,服务器以此得知用户所处的状态. Web Storage的概念和cookie相似,

本地存储localStorage以及它的封装接口store.js的使用

本地存储localstorage localstorage 是 HTML5 提供的在客户端存储数据的新方法,主要作用是将数据保存在客户端中,并且数据是永久保存的,除非人为干预删除. localstorage作为本地存储来使用,解决了cookie存储空间不足的问题:cookie中每条cookie的存储空间为4k,但localStorage的存储空间有5M大小.另外,相比于cookie,localStorage可以节约带宽,在同一个域内,浏览器每次向服务器发送请求,http都会带着cookie,使c