web storage

来源：互联网发布：java中换行符编辑：程序博客网时间：2024/04/19 04:32

notice：localSession和storageSession的区别

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script>
function save(id){
var target=document.getElementById(id);
var str=target.value;
localStorage.setItem("message",str);
}

function load(id){
var target=document.getElementById(id);
var msg=localStorage.getItem("message");
target.innerHTML=msg;
}
</script>
</head>
<body>
<p id="msg"/>
<input type="text" id="input">
<input type="button" id="save" onclick="save('input')">
<input type="button" id="read" onclick="load('msg')">
</body>

</html>

promote

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script>
function save(id){

var data=document.getElementById(id).value;
var time=new Date().getTime();
localStorage.setItem(time,data);
alert("data already saved");
load('msg');
}

function load(id){
var result="<table border='1'>";
for(var i=0;i<localStorage.length;i++){
var key=localStorage.key(i);
var value=localStorage.getItem(key);
var date=new Date();
date.setTime(key);
result+="<tr><td>"+value+"</td><td>"+date+"</td></tr>";

}

result+="</table>"
var target=document.getElementById(id);
alert(id);
target.innerHTML=result;
}

function clear(){
alert("why");
}
</script>
</head>
<body>
<p id="msg"></p>
<textarea id="memo" cols="60" rows="10"></textarea>
<input type="button" value="clear" onclick="clear()">
<input type="button" value="save" onclick="save('memo')">

</body>
</html>

0 0