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

html5 web Storage

时间:2017-09-16 13:43:30      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:document   put   sha   local   arp   ack   sharp   保存数据   取数   

sessionstorage

js

function saveStorage(id) {
    var target=document.getElementById(id);
    var str=target.value;
    sessionStorage.setItem("message",str);
}
 
function loadStorage(id) {
    var target=document.getElementById(id);
    var msg=sessionStorage.getItem("message");
    
    target.innerHTML=msg;
}

html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>section</title>
		<script type="text/javascript" src="js/test5.js" ></script>
	</head>
	<body>
		<p  id="msg"></p>
		<input type="text" id="input">
        <input  type="button"	 value="保存数据" onclick="saveStorage(‘input‘);">
        <input  type="button"	 value="读取数据" onclick="loadStorage(‘msg‘);">
	</body> 
</html>

  效果:
技术分享

关闭了浏览器,数据读取不出来

loclstorage

html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>section</title>
		<script type="text/javascript" src="js/test5.js" ></script>
	</head>
	<body>
		<p  id="msg"></p>
		<input type="text" id="input">
        <input  type="button"	 value="保存数据" onclick="saveSto<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>section</title>
		<script type="text/javascript" src="js/test5.js" ></script>
	</head>
	<body>
		<p  id="msg"></p>
		<input type="text" id="input">
        <input  type="button"	 value="保存数据" onclick="saveStorage(‘input‘);">
        <input  type="button"	 value="读取数据" onclick="loadStorage(‘msg‘);">
	</body> 
</html>

rage(‘input‘);">
        <input  type="button"	 value="读取数据" onclick="loadStorage(‘msg‘);">
	</body> 
</html>

  js

function saveStorage(id) {
	var target=document.getElementById(id);
	var str=target.value;
	localStorage.setItem("message",str);
}
 
function loadStorage(id) {
	var target=document.getElementById(id);
	var msg=localStorage.getItem("message");
	
	target.innerHTML=msg;
}

  效果:

技术分享

 

html5 web Storage

标签:document   put   sha   local   arp   ack   sharp   保存数据   取数   

原文地址:http://www.cnblogs.com/guangzhou11/p/7530873.html

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