- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進口關稅！PC硬件要大漲價
您當前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> html如何設置來完成留言板樣式？（代碼示例）
[摘要]本篇文章主要給大家介紹一個非常簡單的HTML留言板及html 留言列表樣式的相關代碼操作。留言板是一些門戶網(wǎng)站或者論壇等等必不可少的一部分。HTML留言板具體代碼示例如下：<!DOCTYPE html>
<html>
<head><meta charset...
本篇文章主要給大家介紹一個非常簡單的HTML留言板及html 留言列表樣式的相關代碼操作。留言板是一些門戶網(wǎng)站或者論壇等等必不可少的一部分。HTML留言板具體代碼示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁留言板版源碼示例</title>
</head>
<body>
<h1>簡易留言板</h1>
<textarea id="memo" cols="60" rows="10"></textarea>
<input type="button" value="追加內容" onclick="saveStorage('memo')" />
<input type="button" value="初始化" onclick="clearStorage('msg')" />
<hr />
<p id="msg"></p>
<script type="text/javascript">
function saveStorage(id) {
var data = document.getElementById(id).value;
var time = new Date().getTime();
localStorage.setItem(time,data);
console.log("數(shù)據(jù)已保存");
loadStorage('msg');
}
function loadStorage(id) {
var result = '<table border="1">';
for(var i = 0; i < localStorage.length; i++) {
var kes = localStorage.key(i);
var value = localStorage.getItem(kes);
var date = new Date();
date.setTime(kes);
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();
console.log("清除完畢");
}
</script>
</body>
</html>上述HTML留言板效果如下圖：
注：saveStorage() 獲取textarea的value值
getTime()獲取當前時間戳、setItem()將時間戳作為鍵值，textarea的value值作為鍵值的內容保存在本地數(shù)據(jù)庫
localStorage:html5出現(xiàn)的新標簽
html5本地存儲
基本語句: window.localStorage;
獲取: localStorage.getItem(key);
添加: localStorage.setItem(key,value);
修改: localStorage.key = "";
刪除: localStorage.removeItem(key);
清除: localStorage.clear();
【相關文章推薦】
以上就是html怎么操作來實現(xiàn)留言板樣式？（代碼示例）的詳細內容，更多請關注php中文網(wǎng)其它相關文章！
網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1如何在mysql5.6及以下版本查詢數(shù)據(jù)庫里的json詳情
- 2詳細說明Mysql5.7中文亂碼問題的處理方法
- 3MySQL主從復制實戰(zhàn)-詳細說明基于日志點的復制代碼案例
- 4MySQL優(yōu)化之InnoDB優(yōu)化代碼詳細說明
- 5MySQL優(yōu)化之連接優(yōu)化示例代碼
- 6MySQL優(yōu)化之緩存優(yōu)化詳細說明（二）
- 7有關MySQL數(shù)據(jù)庫中的外鍵約束詳細說明
- 8如何處理MySQL 5.0.16中的亂碼問題
- 9MySQL動態(tài)增刪改列字段
- 10監(jiān)控MySQL的一起收集表信息代碼詳細說明（圖文）
- 11MySQL根據(jù)離線binlog迅速“閃回”的詳情說明
- 12對于MySQL字符集問題詳細說明（圖）
- 1紅米3s如何刷miui8 紅米3s刷機miui8方法流程圖解
- 2用錢寶如何注銷 用錢寶注銷圖文說明教程詳細說明
- 3用錢寶收不到驗證碼如何回事 用錢寶收不到驗證碼處理方法
- 4小米5s設置參數(shù) 小米5s參數(shù)是什么
- 5騰訊qq電腦管家文件粉碎在什么地方 電腦管家文件粉碎如何用
- 6Win7系統(tǒng)如何打開rar文件？
- 7Photoshop入門者的使用技巧
- 8橙子vr如何看百度云資源 橙子vr觀看百度云視頻資源圖文說明教程
- 9oppo r9如何截圖 oppo r9截屏圖文說明教程
- 10vivo x5max如何刷機 vivo x5max刷機圖文說明教程
- 11一加3如何截圖 一加3如何截屏
- 12酷狗k歌如何備份錄音 酷狗k歌錄音備份圖文說明教程
