关闭

WebStorage简易Web留言板

305人阅读 评论(0) 收藏 举报
分类:

这里以localStorage为例

<!--HTML5代码-->
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="appWeb2.js"></script>//引入javaScript文件
</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('msg')">
</body>
</html>

/**
 * Created by chenglei on 15/7/8.
 */


//JS代码
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;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');
}


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:142099次
    • 积分:2622
    • 等级:
    • 排名:第13983名
    • 原创:164篇
    • 转载:105篇
    • 译文:0篇
    • 评论:22条
    文章分类
    最新评论