简单的Web留言本
2015-09-05 22:32
375 查看
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="appWeb.js"></script> </head> <body> <p id="msg"></p> <textarea id="memo" cols="60" rows="10"></textarea><br/> <input type="button" value="追加数据" onclick="saveStorage('memo')"> <input type="button" value="删除数据" onclick="clearStorage()"> </body> </html>
/** * Created by Eagles on 2015/9/5. */ function saveStorage(id) { var data = document.getElementById(id).value; var time = new Date().getTime(); // 保存数据的方法 key value localStorage.setItem(time, data); alert("数据已储存"); loadStorage("msg"); loadStorage("msg"); } function loadStorage(id) { var result = "<table border = '2'>"; 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); target.innerHTML = result; } function clearStorage(){ localStorage.clear(); alert("数据已经删除"); loadStorage("msg"); }
相关文章推荐
- win10启用管理员账户
- 用python统计文本里的单词出现次数最多的10个
- 活出自己的精彩——提高班一年总结
- My first blog on CSDN
- android中ViewPager的用法以及自动滚动播放实现初探
- 指针常量和常量指针
- ADT升级中出现的问题的解决方案
- jquery选择器(原创)<四>
- 有一种期待叫做未来
- 修改Eclipse创建项目的默认charset 为utf-8
- linux 标准GPIO 驱动模型—version1
- POJ 2318 TOYS 几何题 基础
- 1025. PAT Ranking (25)
- 继承后基类、派生类的访问属性
- hdu1540(线段树区间合并)
- C++ 内存划分与虚函数表在内存中的位置
- 手环方案
- hdu 5279 Reflect phi 欧拉函数
- 贪心算法简介
- 项羽过江