码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 Session Local Storage

时间:2015-07-16 14:17:56      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:web   html5   js   sessionstorage   localstorage   

<!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>


HTML5 Session Local Storage

标签:web   html5   js   sessionstorage   localstorage   

原文地址:http://antlove.blog.51cto.com/10057557/1675258

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!