html怎么操作来实现留言板样式？（代码示例）

HTML留言板具体代码示例如下：

 !DOCTYPE html  html  head  meta charset= UTF-8  title 网页留言板版源码示例 /title  /head  body  h1 简易留言板 /h1  textarea id= memo cols= 60 rows= 10 /textarea  input type= button value= 追加内容 quot;saveStorage( memo ) /  input type= button value= 初始化 quot;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( 数据已保存  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值作为键值的内容保存在本地数据库

localStorage:html5出现的新标签

html5本地存储

基本语句: window.localStorage;

获取: localStorage.getItem(key);

添加: localStorage.setItem(key,value);

修改: localStorage.key =

删除: localStorage.removeItem(key);

清除: localStorage.clear();

【相关文章推荐】

如何用php简单制作留言板

php实现留言板功能的代码详细介绍

以上就是html怎么操作来实现留言板样式？（代码示例）的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。