html中评论存储方法,html5基于数据存储的评论&留言板demo

本篇结合存储保存数据简要介绍数据保存、读取、清除的一个小demo。javascript

简单的留言板

简单的评论/留言板

---

js：

function saveStorage(id) {

var data = document.getElementById(id).value; //取值

var time = new Date().getTime();

localStorage.setItem(time, data); //保存

alert("数据已经保存！");

localStorage('msg');

}

function loadStorage(id) {

var result = '

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);

var datestr = date.toGMTString(); //格林威治时间

result += '

' + '这是第'+ i + '条数据 ' + value + '' + datestr + '';

}

result += '

';

var target = document.getElementById(id);

target.innerHTML = result;

}

function clearStorage(id) {

localStorage.clear();

alert("数据已经被成功删除了！");

loadStorage('msg');

}附图：