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 }
