sessionStorage 和 localStorage的具体使用的代码之一

 <script>
//保存
		function saveStorage(id){
			var traget = document.getElementById(id);
			var str =  traget.value;
			sessionStorage.setItem("mymessage", str);
			alert("你好已保存");
		} //浏览器打开到关闭

		function iocalStorage(id){
			var traget = document.getElementById(id);
			var str =  traget.value;
			localStorage.setItem("message", str);
			alert("你好已保存");
		} //一直存在
//读取
function readStorage(id){
		var traget = document.getElementById(id);
		var  msg =	sessionStorage.getItem("mymessage");
			alert("读取内容");
		traget.innerHTML = msg;
		} //浏览器打开到关闭

function readiocal(id){
		var traget = document.getElementById(id);
		var  msg =	localStorage.getItem("message");
			alert("读取内容");
		traget.innerHTML = msg;
		}//一直存在

 </script>

　　还有另外两段代码：

<script>
		function iocalStorage(id){
			var traget = document.getElementById(id);
			var str =  traget.value;
			var  time = new Date().getTime();
			localStorage.setItem(time, str);
			//time  不断在变化，可以和前面的是没有冲突的
			alert("你好已保存");
			readiocal('iocal_msg');
		} //一直存在

		function readiocal(id){
		var traget = document.getElementById(id);
		for(var i=0; i<localStorage.length; i++){
		var key = localStorage.key(i);
		
			var  msg =	localStorage.getItem(key);
				//alert("读取内容");
			traget.innerHTML = key +":"+msg + "<br/>";
			////$("<li>"+traget.innerHTML+"</li>").appendTo($("#div"));
			//留下你们的小作业{多行 读取}
			// js  问题 读取存数组  读  数组；
		}
		}//一直存在


		//清空数据
		function clearStorage(){
			localStorage.clear(); //清空数据
			alert("怎么样。我就清空了咬我哦");
			readiocal('iocal_msg');

		}
 </script>

　　

 <script>
		function iocalStorage(){
			var obj = new Object;
			obj.name =  document.getElementById("name").value;
			obj.email =  document.getElementById("email").value;
			obj.tel =  document.getElementById("tel").value;
			obj.memo =  document.getElementById("memo").value;
			var  str = JSON.stringify(obj);
			localStorage.setItem(obj.name, str);
			//time  不断在变化，可以和前面的是没有冲突的
			alert("你好已保存");
			//readiocal('iocal_msg'); 读取 修改为检索
		} //一直存在

		function readiocal(id){
		var traget = document.getElementById(id);
		var find =  document.getElementById("find").value;
		var  obj =	localStorage.getItem(find);
		var data = JSON.parse(obj);
		var reslut ="姓名" + data.name +"<br>";
		reslut +="EMAIL:" + data.email +"<br>";
		reslut +="电话号码:" + data.tel +"<br>";
		reslut +="备注:" + data.memo +"<br>";
		traget.innerHTML = reslut;
			//var  msg =	localStorage.getItem(name);
				//alert("读取内容");
			//traget.innerHTML = ":"+msg + "<br/>";
			
		}//一直存在


		
 </script>

　　

收藏下来这三段几乎非常相似的代码，留作以后复习温习使用