1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="appWeb.js"></script> 7 </head> 8 <body> 9 <p id="msg"></p> 10 <textarea id="memo" cols="60" rows="10"></textarea><br/> 11 <input type="button" value="追加数据" onclick="saveStorage(‘memo‘)"> 12 <input type="button" value="删除数据" onclick="clearStorage()"> 13 </body> 14 </html>
1 /**
2 * Created by Eagles on 2015/9/5.
3 */
4
5 function saveStorage(id) {
6 var data = document.getElementById(id).value;
7 var time = new Date().getTime();
8 // 保存数据的方法 key value
9 localStorage.setItem(time, data);
10 alert("数据已储存");
11 loadStorage("msg");
12 loadStorage("msg");
13 }
14
15
16 function loadStorage(id) {
17 var result = "<table border = ‘2‘>";
18 for(var i=0; i<localStorage.length;i++){
19 var key = localStorage.key(i);
20 var value = localStorage.getItem(key);
21 var date = new Date();
22 date.setTime(key);
23 result += "<tr><td>"+value+"</td><td>"+date+"</td></tr>";
24 }
25 result += "</table>";
26 var target = document.getElementById(id);
27 target.innerHTML = result;
28 }
29
30 function clearStorage(){
31 localStorage.clear();
32 alert("数据已经删除");
33 loadStorage("msg");
34 }
时间： 2025-01-11 16:43:31