HTML5基础21----简单Web留言本(功能未实现)

<!DOCTYPE html>
<!--简单Web留言本-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="appWeb21.js"></script>
</head>
<body>
sessionStorage:将数据保存在session对象中。
session是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,
也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内
所要求保存的任何数据。localStorage:将数据保存在客户端本地的硬件设备
(硬盘)中,即使浏览器被关闭了,改数据仍然存在,下一次打开浏览器访问网站
时仍然可以继续使用。
  <p id="msg"></p>
  <textarea id="memo3" cols="60" rows="10"></textarea><br/>
  <input type="button" value="追加数据" οnclick="saveStorage('memo3')"></button>
  <input type="button" value="删除数据" οnclick="clearStorage()"></button>

</body>
</html>
js:
/**
 * Created by renchong on 2015/7/25.
 */
//保存数据
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; 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("数据已删除");
    localStorage('msg');

}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值