HTML5 Session Local Storage

<!DOCTYPE html>
<html>
<body>
<script>
	// validate thether this browser support storage
	if(window.localStorage){
		console.log("support local storage");
	}

	if(window.sessionStorage){
		console.log("support session storage");
	}

	addEntryForSessionStorage();
	addEntryForLocalStorage();

	printAllLocalStoreInfo();
	printAllSessionStoreInfo();

	/* ============================== session storage ============================== */
		function addEntryForSessionStorage(){
		var key = window.sessionStorage.length+1;
		var value = parseInt(Math.random()*1000);
		window.sessionStorage.setItem(key,value);
	}

	function printAllSessionStoreInfo(){
		console.log("all session storage informaton is below.");
		var sessionStorage = window.sessionStorage;
		for(var i=0;i<sessionStorage.length;i++){
			var key = sessionStorage.key(i);
			var value = sessionStorage.getItem(key);
			console.log(key+":"+value);
		}
	} 

	/* ============================== local storage ============================== */
	function addEntryForLocalStorage(){
		var key = window.localStorage.length+1;
		var value = parseInt(Math.random()*1000);
		window.localStorage.setItem(key,value);
	}

	function printAllLocalStoreInfo(){
		console.log("all local storage informaton is below.");
		var localStorage = window.localStorage;
		for(var i=0;i<localStorage.length;i++){
			var key = localStorage.key(i);
			var value = localStorage.getItem(key);
			console.log(key+":"+value);
		}
	}
</script>

</body>
</html>
时间: 2024-10-10 13:41:56

HTML5 Session Local Storage的相关文章

HTML5使用local storage存储的数据是如何保存在本地的

HTML5使用local storage存储的数据是如何保存在本地的?(我使用的是chrome浏览器,chrom浏览器是用sqlite来保存本地数据的) HTML5 的local storage 是通过浏览器在本地存储的数据. 基本使用方法如下: <script type="text/javascript"> localStorage.firstName = "Tom"; alert(localStorage.firstName); </scrip

HTML5之Local Storage

HTML5 STORAGE SUPPORT IE FIREFOX SAFARI CHROME OPERA IPHONE ANDROID 8.0+ 3.5+ 4.0+ 4.0+ 10.5+ 2.0+ 2.0+ Local Storage Detection: ## 方法一function supports_local_storage() { try { return 'localStorage' in window && window['localStorage'] !== null; }

HTML5的local storage存储的数据到底存到哪去了

原文地址:http://zhidao.baidu.com/link?url=m6p5MLv0R46lDCd_Vnrry4XOMbdCwgV5fzs3tj5Jeyht1nPkAZ9OrO23njYBY15UMobx63X1MdP-EwKKqerm-_zSugwqqLin_TsClwOrH_O 基本使用方法如下:localStorage.name = "k1w1"; 这样的话,你的本地磁盘中就会有个数据库存下了这个数据.我无法接受数据写到了我的本地磁盘而我找不到它的确切位置,于是通过寻找发

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

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

html5 之 local storage \sessjion storage

转载: HTMl5的sessionStorage和localStorage html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远

HTML5移动开发之路(19)——HTML5 Local Storage(本地存储)

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(19)--HTML5 Local Storage(本地存储) 一.浏览器存储的发展历程 本地存储解决方案很多,比如Flash SharedObject.Google Gears.Cookie.DOM Storage.User Data.window.name.Silverlight.Open Database等. 借用网上的一张图来看下目前主流的本地存储方案: Cookie: 在web中得到广泛应用,但局限

cookie ,session Storage, local storage

先来定义: cookie:是网站为了标识用户身份存储在本地终端的数据,其数据始终在APP请求中存在,会在服务器和浏览器中来回传递 数据大小不超过4k, 可以设置有效期,过了有效期自动删除 session Storage和local Storage 不会自动把数据发给服务器,仅在本地保存, 数据大小可达到5M 存储时间久,不会自己消失,必须自动删除 local Storage:会随窗口关闭而删除 代码: 1 $(function () { 2 $(document).click(function

【JEECG技术博文】Local storage &amp;amp; easyui extensions

1. Local storage背景 cookie弊端:同域内http请求都会带cookie,添加带宽和流量:有个数和限制大小(约4K). 在HTML5中,本地存储是一个window的属性.包含localStorage和sessionStorage.从名字应该能够非常清楚的辨认二者的差别.前者是一直存在本地的,后者仅仅是伴随着session,窗体一旦关闭就没了. 二者用法全然同样. 2. Jquery.storage.js插件 项目主页,api请參考http://ek.alphaschildre

【JEECG技术博文】Local storage &amp; easyui extensions

1. Local storage背景 cookie弊端:同域内http请求都会带cookie,增加带宽和流量:有个数和大小限制(约4K). 在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同. 2. Jquery.storage.js插件 项目主页,api请参考http://ek.alphaschildren.o