HTML5SessionLocalStorage

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

分享标题：HTML5SessionLocalStorage
标题网址：https://www.cdcxhl.com/article44/jdphee.html

成都网站建设公司_创新互联，为您提供网站维护、App设计、品牌网站制作、动态网站、网站建设、服务器托管

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容