简易留言板

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 = '

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 += '

' + value + '' + datestr + ''

}

result += '

var target = document.getElementById(id);

target.innerHTML = result;

}

function clearStorage() {

localStorage.clear();

console.log("清除完毕");

}

上述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留言板html代码,html怎么操作来实现留言板样式？（代码示例）相关推荐

html移动端隐藏代码,html Css PC 移动端公用部分样式代码整理
css常用公用部分样式代码整理: body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li ...
java 留言板源码,JSP留言板的JSP源码操作实施
JSP留言板的JSP源码操作实施很多JSP编程的爱好者都是出于要做网站的目的,那么网站的PR值就很重要网站的PR值全称为PageRank),是google搜索排名算法中的一个组成部分,级别从1到10 ...
CSS代码写一个网页，有留言板
可以这样写 CSS 代码来创建一个留言板: /* 定义留言板的外观 */ .message-board {width: 500px;height: 400px;background-color: #f ...
用php做的网上留言簿代码,php的php留言簿简单留言板功能
留言板需要有发送者和接受者,发送者登录后发送信息,接受者登录后可以查看留言内容,留言内容只能看发给自己的或发给所有人的.这里要用到三张表: 表: 表表首先我们要做一个登陆页面: 代码如下: h1开 ...
评论留言用html怎么做,利用JS实现评论留言发布表单代码
特效描述:利用JS实现评论留言发布表单代码.利用JS实现评论留言发布表单代码代码结构 1. HTML代码来,说说你在做什么,想什么... 请点击发布试试吧请填写内容后再发布! window. ...
arduino蓝牙通讯代码_在两块Arduino开发板之间实现蓝牙通信
HC-05蓝牙模块是任何Arduino项目必不可少的蓝牙模块!很容易进行连接以及在Arduino IDE中编写代码.在大多数项目中,我们通常将HC05连接至Arduino,并使用它与其他智能设备(如手 ...
“是男人就下一百层”h5游戏全网最详细教学、全代码，js操作
"是男人就下一百层"h5游戏全网最详细教学.全代码,js操作博主的话游戏展示编程工具介绍游戏代码代码讲解 js 第一步切换div的显示与隐藏 js 第二步在菜单页面用 ...
【Linux 内核内存管理】RCU 机制 ④ ( RCU 模式下更新链表项 list_replace_rcu 函数 | 链表操作时使用 smp_wmb() 函数保证代码执行顺序 )
文章目录一.RCU 模式下更新链表项 list_replace_rcu 函数二.链表操作时使用 smp_wmb() 函数保证代码执行顺序一.RCU 模式下更新链表项 list_replace_r ...
上传代码到gitee操作
上传代码到gitee操作一.查看本地仓库状态 1.查看本地仓库状态 2.查看本地工作区状态二.Git 全局设置三.无本地仓库和本地代码时四.已有本地git仓库时一.查看本地仓库状态 1.查看 ...
[JavaScript]只需一行代码，轻松搞定快捷留言功能
快捷留言功能,就是您现在看到在右侧浮动的那个小玩意,通过它可以直接提交留言并推荐,您想在博客里加上这个功能吗? 别急,方法非常简单,还是先听我说说它的来历吧... 最开始,快捷留言这个功能要追溯到发表 ...

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

简易留言板

PHP留言板html代码,html怎么操作来实现留言板样式？（代码示例）相关推荐

最新文章

热门文章