WebStorage简易Web留言板

来源：互联网发布：tensorflow 图像分割编辑：程序博客网时间：2024/04/29 11:56

这里以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