这段代码理想效果应该是在文本框中输入文字,然后点添加可以保存内容,同时保存日期和时间。但是我用谷歌打开,并没有该有效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>简单Web留言本</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<script>
function savaStorage(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);
var datestr=date.toGMTString();
result+='<tr><td>'+value+'</td><td>'+datestr+'</td></tr>';
}
result+='</table>';
var target=document.getElementById(id);
target.innerHTML=result;
} function clearStorage()
{
localStorage.clear();
alert("全部数据被清除。");
loadStorage('msg');
}
</script>
</head>
    <body>
     <h1>简单Web留言本</h1>
     <textarea id="memo" cols="60" rows="10"></textarea><br />
     <input type="button" value="添加" onclick="saveStorage('memo');"/>
     <input type="button" value="全部清除" oncikck="clearStorage('msg');"/>
     <hr />
     <p id="msg"></p>
    </body>
</html>