用WebStorage做一個留言本
<html>
<head>
<title>Web留言本</title>
<meta charset=utf-8">
<script type="text/javascript">
function saveStorage(id) {
var data = document.getElementById(id).value;
var time = new Date().getTime();
localStorage.setItem(time,data);
alert("數據已經保存.");
loadStorage('msg');
}
function loadStorage(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);
var datestr =date.toGMTString();
result+='<tr><td>'+ value +'</td><td>'+ datestr + '</td></tr>';
}
result +='</table>';
var target = document.getElementById(id);
target.innerHTML = result;
}
function clearStorage() {
localStorage.clear();
alert("全部數據已清除.");
loadStorage('msg');
}
</script>
</head>
<body>
<h1>Web留言本</h1>
<textarea id="memo" cols="60" rows="10"></textarea><br>
<input type="button" value="追加" onclick="saveStorage('memo');">
<input type="button" value="初始化" onclick="clearStorage('msg');">
<hr>
<p id="msg"></p>
</body>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章