本地储存

存储
cookie   用于保存服务器发送回来的用户信息、浏览信息等。一个cookie文件只有4kb,即能装下4000个英文字或者2000个中文字。能与服务器交互。

HTML5提供了两种本地存储方式:localStorage和sessionStorage,此为两个对象,可以看做JSON对象,存储大小无限制,但一般是在本地存储,存在浏览器中。

localStorage和sessionStorage
两者区别在于存储时间的区别,localStorage永久存储,直到卸载浏览器或手动清空;sessionStorage存储时间为会话时间,即浏览器打开直到浏览器关闭。

localStorage用法
localStorage的机制将对象转换为字符串进行了存储,则需要用到JSON方法,存储时用JSON.stringify(),对象转字符串;取值时JSON.parse()字符串转对象。

var user={username:"def",psw:"1111"};    //存储
         localStorage.user=JSON.stringify(user);

var user=JSON.parse(localStorage.user);   //获取
            console.log(user);       //Object {username: "def", psw: "1111"}
            console.log(user.username);    //def
            console.log(typeof (user));    //object

时间: 2024-08-21 14:13:36

本地储存的相关文章

HTML5本地储存sessionStorage的销毁数据问题

博客采集来自于 http://www.cnblogs.com/pssp/p/6395530.html 的博客,很感谢她.追梦子,让我们一起进步吧. 前几天项目中用到了本地储存,虽然说也就是几个api,但之前有一个问题一直没有去想,我们知道本地储存分为两种,一种是临时储存,关闭浏览器后数据就会销毁,另外一种是没有时间限制的储存,我们做的这个页面比较适合使用临时储存,而本次要讲的也就是临时储存的一个问题.页面长下面这样 我需要把用户选择了的信息保存下来,放到下个页面显示(产品经理嫌这个页面内容太多了

<<< html5本地储存

类似与Cookies,但由于Cookies储存量太小,大小也只有4-5KB的样子,html5的本地储存能存5M大小的数据 html5本地储存属性有,localStorage和sessionStorage,localStorage代表储存在本地,sessionStorage后面是随着session,窗口关闭即消失 设置html5本地储存 localStorage.value = 1;//设置value 为"1"localStorage["user"] = "

vue学习如何引入js,封装操作localStorage本地储存的方法

// 封装操作localStorage本地储存的方法 模块化的文件 //nodejs 基础 var storage={ set(key,value){ localStorage.setItem(key,JSON.stringify(value)); }, get(key){ return JSON.parse(localStorage.getItem(key)); }, remove(key){ localStorage.removeItem(key); } } export default s

阿伦学习html5 之 Local Storage (本地储存)

一.浏览器存储的发展历程 本地存储解决方案很多,比如Flash SharedObject.Google Gears.Cookie.DOM Storage.User Data.window.name.Silverlight.Open Database等. 借用网上的一张图来看下目前主流的本地存储方案: Cookie: 在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考虑而禁用cookie,cookie没有想象中的那么安全,Cookie 的内容会随着页面请求一并发往服务器

我的启蒙--HTML5 第四章 本地储存

HTML5 Web 储存 使用HTML5可以在本地存储用户的浏览数据. 早些时候,本地存储使用的是 cookie.但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的 数据,而不影响网站的性能.数据以 键/值 对存在, web网页的数据只允许该网页访问使用. localStorage 和 sessionStorage 客户端存储数据的两个对象为: localStorage - 没有时间限制的数据存储      sessio

【小松教你手游开发】【系统模块开发】unity 数据储存到本地为二进制文件(聊天记录本地储存)

unity游戏开发中有很多需要把数据储存到本地,官方有好几个方式可以使用,下面简单介绍一下. 一.Stream::Write,Stream::WriteLine 这个方法是打开数据流就开始写字符串,可以指定长度写,也可以一行一行的写.具体参考http://blog.csdn.net/dingxiaowei2013/article/details/19084859和雨松大神的http://www.xuanyusong.com/archives/1069 这种方法最简单,一行一行的写,一行一行的读,

H5本地储存Web Storage

一.本地存储由来的背景 由于HTML4时代Cookie的大小.格式.存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只能借助于Cookie.但是Cookie的这些限制,也就导致了Cookie只能存储一些ID之类的标识符等简单的数据. 下面是Cookie的限制: 大多数浏览器支持最大为 4096 字节的 Cookie.    浏览器还限制站点可以在用户计算机上存储的 Cookie 的数量.大多数浏览器只允许每个站点存储 20 个Cookie:如果试图存储更多 Cookie,则最

原生js+本地储存登录注册

1 //简易操作,只能当前页面储存一个username和password. 2 <!DOCTYPE html> 3 <html> 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable

HTML5 本地储存-cookie随堂笔记

一.PC端,用cookie window.onload = function () {document.cookie = "userCode=291382190";document.cookie = "id=007";}: 二.移动端存储,用web stroage(1)localStorage:会话时间,浏览器关闭即消失,临时保存 (2)sessionStorage:存储在本地硬件设备,浏览器关闭也会存在,永久保存 1.存储对象 (1)JSON.stringify: