本篇結合存儲保存數據簡要介紹數據保存、讀取、清除的一個小demo。

簡單的留言板

簡單的評論/留言板

---

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

}附圖：

總結

以上是生活随笔為你收集整理的html中评论存储方法,html5基于数据存储的评论留言板demo的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。