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

利用html5的localStorage做一个备忘录

时间:2016-12-17 16:32:17      阅读:403      评论:0      收藏:0      [点我收藏+]

标签:sim   tle   clear   pre   set   code   targe   lang   div   


技术分享
 1 function saveStorage(id){
 2     var data = document.getElementById(id).value;
 3     var timeNow = new Date();
 4     localStorage.setItem(timeNow,data);
 5     localStorage.setItem(timeNow+1,timeNow);
 6     loadStorage(‘msg‘);
 7 }
 8 function loadStorage(id){
 9     var result = ‘<table border = "1">‘;
10     for(var i=0,j=1;i<localStorage.length;i+=2,j++)
11     {
12         var key = localStorage.key(i);
13         var value = localStorage.getItem(key);
14         result += ‘<tr><td>‘+j+‘</td><td>‘+value+‘</td><td>‘+localStorage.getItem(key+1)+‘</td></tr>‘;
15     }
16     result += ‘</table>‘;
17     var target = document.getElementById(id);
18     target.innerHTML = result;
19 }
20 function clearStorage(id){
21     localStorage.clear();
22     alert("date deleted");
23 }
View Code

 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>simple note</title>
 6     <script type="text/javascript"src="comment.js"></script>
 7 </head>
 8 <body>
 9     <h1>add note</h1>
10     <textarea id="dome" cols="60" rows="2"></textarea><br/><!--文本输入区域-->
11     <input type="button" value="save" onclick="saveStorage(‘dome‘);">
12     <input type="button" value="load" onclick="loadStorage(‘msg‘);">
13     <input type="button" value="clear" onclick="clearStorage(‘msg‘);">
14     <h1>note</h1>
15     <hr>
16     <p id="msg"></p><!--历史输入区域-->
17 </body>
18 </html>

aa

 1 f
技术分享
function saveStorage(id){
    var data = document.getElementById(id).value;
    var timeNow = new Date();
    localStorage.setItem(timeNow,data);
    localStorage.setItem(timeNow+1,timeNow);
    loadStorage(‘msg‘);
}
function loadStorage(id){
    var result = ‘<table border = "1">‘;
    for(var i=0,j=1;i<localStorage.length;i+=2,j++)
    {
        var key = localStorage.key(i);
        var value = localStorage.getItem(key);
        result += ‘<tr><td>‘+j+‘</td><td>‘+value+‘</td><td>‘+localStorage.getItem(key+1)+‘</td></tr>‘;
    }
    result += ‘</table>‘;
    var target = document.getElementById(id);
    target.innerHTML = result;
}
function clearStorage(id){
    localStorage.clear();
    alert("date deleted");
}
View Code

 

unction saveStorage(id){
 2     var data = document.getElementById(id).value;
 3     var timeNow = new Date();
 4     localStorage.setItem(timeNow,data);
 5     localStorage.setItem(timeNow+1,timeNow);
 6     loadStorage(‘msg‘);
 7 }
 8 function loadStorage(id){
 9     var result = ‘<table border = "1">‘;
10     for(var i=0,j=1;i<localStorage.length;i+=2,j++)
11     {
12         var key = localStorage.key(i);
13         var value = localStorage.getItem(key);
14         result += ‘<tr><td>‘+j+‘</td><td>‘+value+‘</td><td>‘+localStorage.getItem(key+1)+‘</td></tr>‘;
15     }
16     result += ‘</table>‘;
17     var target = document.getElementById(id);
18     target.innerHTML = result;
19 }
20 function clearStorage(id){
21     localStorage.clear();
22     alert("date deleted");
23 }

 

利用html5的localStorage做一个备忘录

标签:sim   tle   clear   pre   set   code   targe   lang   div   

原文地址:http://www.cnblogs.com/fairytingle/p/6192459.html

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