留言板

最新推荐文章于 2023-11-27 16:48:00 发布

kang1225103

最新推荐文章于 2023-11-27 16:48:00 发布

阅读量213

点赞数 2

本文链接：https://blog.csdn.net/kang1225103/article/details/95492477

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#apDiv1 {
   position: absolute;
   width: 1356px;
   height: 656px;
   z-index: -1;
   left: 4px;
   top: 5px;
}
body {
   background-color: #FFFFFF;
}
#Layer1 {
   position:absolute;
   width:1990px;
   height:115px;
   z-index:-1;
   left: 4px;
   top: 9px;
}
body,td,th {
   color: #330099;
}
#Layer2 {
   position:absolute;
   width:487px;
   height:119px;
   z-index:1;
   left: 4px;
   top: 359px;
}
.STYLE1 {
   font-size: x-large;
   font-weight: bold;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<h1 align="center">简易留言板</h1>
<textarea id="memo" cols="60" rows="10"></textarea>
<input type="button" value="追加内容" onClick="saveStorage('memo')" />
<input type="button" value="初始化" onClick="clearStorage('msg')" />
<hr />
<div id="Layer1"><img src="1545892897559.jpg" width="1994" height="900"></div>
<p id="msg"></p>
<script type="text/javascript">
function saveStorage(id) {
//获取textarea的value值
var data = document.getElementById(id).value;
//获取当前时间戳
var time = new Date().getTime();
//将时间戳作为键值，textarea的value值作为键值的内容保存在本地数据库
localStorage.setItem(time,data);
//保存成功后提示成功
console.log("数据已保存");
//设置loadStorage函数的传参（ID值）
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();
//将时间戳转化为正常时间 Mon Jun 19 1972 11:12:44 GMT+0800 (中国标准时间) 的格式
date.setTime(kes);
//将转化后的内容变成字符串
var datestr = date.toGMTString();
//将所有新增内容添加到result变量中
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>
<embed src="河图 - 不良人 [mqms2].mp3" hidden="true" autostart="true" loop="true">
<div class="STYLE1" id="Layer2"> 该动画围绕唐代从事侦缉捕盗职务的官差“不良人”这个组织所隐匿起来的太宗龙泉宝藏而展开。群雄侠隐仗剑、江湖乱世情爱，谱写浪漫辉煌的中国经典武侠传奇。</div>
</body>
</html>

kang1225103

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
留言板

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #apDiv1 { position: absolute; ...
复制链接

扫一扫