简易留言板

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简单制作留言板

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

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

java克鲁斯卡尔算法_Java语言基于无向有权图实现克鲁斯卡尔算法代码示例
所谓有权图,就是图中的每一条边上都会有相应的一个或一组值.通常情况下,这个值只是一个数字如:在交通运输网中,边上的权值可能表示的是路程,也可能表示的是运输费用(显然二者都是数字).不过,边上的权值也 ...
html语言制作留言条,利用DIV+CSS制作右下角弹出留言板
/p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 利用DIV+CSS制作右下角弹出留言板 a ...
Pylon SDK C语言多相机采集的注意事项、关键设置及代码示例
目录前言 1.相机网络配置 1.1网络架构 1.1.1对等网络架构# 1.1.2通过网络交换机连接# 1.2网络适配器IP配置 1.2.1分配固定 IP 地址# 1.2.2通过 DHCP/自动 IP ...
c语言rank需要头文件吗,C++ std::rank用法及代码示例
头文件中存在C++ STL的std::rank模板. C++ STL的std::rank模板用于查找类型T的等级.此函数返回类型T的等级. 头文件: #include 模板类别: template s ...
Python3文件操作：with...open的使用代码示例
php留言板设计代码,php制作留言板二[源码]
第三步就是php代码处理留言的信息合法性了, $sql ="select * from tbn where gx_object='$myname' and gx_mail='$mymail' ...
【军哥谈CI框架】之制作简单留言板的例子
亲们 ,好久不见了,军哥可想死你们了!最近都比较忙吧,军哥亦是如此哦,首先忙于学习,不断让学习成为一种信仰,一种习惯:接着是忙于运动,生命在于生生不息嘛,军哥在这里表达的不是生命在于运动,否则成天运动 ...
php制作留言板ppt,学习制作PHP.MYSQL留言板.ppt
<学习制作PHP.MYSQL留言板.ppt>由会员分享,可在线阅读,更多相关<学习制作PHP.MYSQL留言板.ppt(7页珍藏版)>请在人人文库网上搜索. 1.第11讲)学习 ...
用c语言做RFID读卡程序,2.STM32读卡号读写数据代码示例3.0(C语言)
文件名大小更新时间 2.STM32读卡号读写数据代码示例3.0(C语言)\HFRFID.uvgui.WEIZAI736912016-07-15 2.STM32读卡号读写数据代码示例3.0(C语言)\H ...
易语言数据类型与c 对照,易语言利用自定义数据类型和数组. 制作键对值操作类/内存配置...
易语言利用自定义数据类型和数组. 制作键对值操作类/内存配置.版本 2 .支持库 spec .子程序 _临时子程序 .局部变量 test, classKeyValue .局部变量局_取值方法2, ...

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

简易留言板

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

最新文章

热门文章