浏览器本地存储

Cookies: Cookies 是浏览器保存用户信息到本地的一种方式

　　 形式：txt文本

　　 大小：4kb

　　它可以由js进行操作，一般是以键值对形式保存数据，但Cookies只能保存简单的数据 数字  字符串 等 对于特殊的或者比较大的数据无法保存

　

User Data： 是微软为IE专门在系统中开辟的一块存储空间，所以说只支持Windows+IE的组合，实际测试在2000（IE5.5）、XP（IE6、IE7），Vista（IE7）下都是可以正常使用的。在XP下，一般位于C:\Documents and Settings\用户名\UserData，有些时候会在C:\Documents and Settings\用户名\Application Data\Microsoft\Internet Explorer\UserData。在Vista下，位于C:\Users\用户名\AppData\Roaming\Microsoft\Internet Explorer\UserData；单个文件的大小限制是128KB，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。在受限站点里这两个值分别是64KB和640KB，所以如果考虑到各种情况的话，单个文件最好能控制64KB以下

Flash： 主要通过flash中的一个对象保存数据 受限于flash

Gears：谷歌早期的本地存储方案，已经废弃 官方建议使用 HTML5的LocalStorage

HTML5(LocalStorage/ SessionStorage)：

　　主要来说下这个，他是HTML5提供的本地存储方案，大小5M，对于一般使用是足够了，他也是跨浏览器的 IE   Chrome  Safari 等浏览器都支持， IE8以下的不支持

她的使用非常简单：

主要提供：

　　　　GetItem()   取值

　　　　SetItem()   赋值

　　　　Key()      取key名称

　　      Clear()    清空

　　　　她可以直接保存序列化的对象，所有可序列化的数据都可以保存在LocalStorage中

　　　　LocalStorage和SessionStorage 一个区别是 前者在浏览器关闭后不会小时，后者则会消失

时间： 2024-10-08 22:10:44

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

浏览器本地存储的使用

浏览器的本地存储,我们的数据如果想每次打开浏览器都可以访问到的话,我们就必须使用本地存储这个功能 localStorage 对象,便可以帮我们实现这个功能 localStorage.setItem("car",JSON.stringify(state.car)); 来存储我们的数据,第一个参数对应的属性,第二个参数对应的值,且都是字符串格式,使用 , 来进行隔开 JSON.parse(localStorage.getItem('car') || '[]'); 来获取我们的数据,通过属性

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