一 代码
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 客户端留言板 </title>
<style type="text/css">
table {
border-collapse: collapse;
}
td , th{
border: 1px solid #888;
padding: 4px;
}
</style>
</head>
<body>
<h2>客户端留言板</h2>
<textarea id="msg" name="msg" cols="50" rows="8"></textarea><br/>
<input type="button" value="添加留言" onclick="addMsg();"/>
<input type="button" value="清除留言" onclick="clearMsg();"/>
<hr/>
<table style="width:550px">
<tr>
<th>留言内容</th>
<th>留言时间</th>
</tr>
<tbody id="show"></tbody>
</table>
<script type="text/javascript">
// 加载留言信息
var loadMsg = function()
{
var tb = document.getElementById("show");
// 清空原来显示的内容。
tb.innerHTML = "";
// 遍历所有留言信息
for(var i = 0 ; i < localStorage.length ; i++)
{
var key = localStorage.key(i);
var date = new Date();
date.setTime(key);
// 获取留言时间
var datestr = date.toLocaleDateString()
+ " " + date.toLocaleTimeString();
// 获取留言内容
var value = localStorage.getItem(key);
var row = tb.insertRow(i);
// 添加第一个单元格，并显示留言内容
row.insertCell(0).innerHTML = value;
// 添加第二个单元格，并显示留言内容。
row.insertCell(1).innerHTML = datestr;
}
}
var addMsg = function()
{
var msgElement = document.getElementById("msg");
var time = new Date().getTime();
// 以当前时间为key来保存留言信息
localStorage.setItem(time , msgElement.value);
msgElement.value = "";
alert("数据已保存。");
loadMsg();
}
function clearMsg()
{
// 清空Local Storage里保存的数据。
localStorage.clear();
alert("全部留言信息已被清除。");
loadMsg();
}
window.onload = loadMsg();
</script>
</body>
</html>
二 运行效果
相关推荐
【标题】"dark+第六次作业留言板 2021.11.20.zip" 涉及的是一份关于编程作业的压缩文件，很可能包含了一位名为 "dark" 的学生或教师在2021年11月20日提交的第六次作业——一个留言板项目。这个作业可能是一个互动式...
这种结构大大简化了客户端的管理工作，因为用户只需要在客户端安装并配置少量的软件（通常是Web浏览器），而大部分处理逻辑和数据操作则由服务器端负责。 ##### 2.2 ASP技术原理 ASP（Active Server Pages）是微软...
收费结果管理和留言板管理提供了财务统计和业主互动的平台；系统管理则包含了权限分配、日志记录和系统设置等功能。 数据库设计是系统的重要组成部分，MySQL 提供了高效的数据存储和检索能力，其关系型数据库特性...
7. **Web存储**：如果网站需要在用户关闭浏览器后仍能记住某些信息，JavaScript可以利用Web Storage（包括localStorage和sessionStorage）来保存数据。 8. **API调用**：如果网站需要获取外部数据，比如天气预报、...
基于Maxwell设计的经典280W 4025RPM高效率科尔摩根12极39槽TBM无框力矩电机：生产与学习双重应用案例,基于Maxwell设计的经典280W高转速科尔摩根TBM无框力矩电机：7615系列案例解析与应用实践,基于maxwwell设计的经典280W，4025RPM 内转子 科尔摩根 12极39槽 TBM无框力矩电机，7615系列。 该案例可用于生产，或者学习用，（157） ,maxwell设计; 280W; 4025RPM内转子; 科尔摩根; 12极39槽TBM无框力矩电机; 7615系列; 生产/学习用。,基于Maxwell设计，高功率280W 12极39槽TBM无框力矩电机：生产与学习双用途案例
基于碳交易的微网优化模型的Matlab设计与实现策略分析,基于碳交易的微网优化模型的Matlab设计与实现探讨,考虑碳交易的微网优化模型matlab ,考虑碳交易; 微网优化模型; MATLAB;,基于Matlab的碳交易微网优化模型研究
二级2025模拟试题（答案版）
OpenCV是一个功能强大的计算机视觉库，它提供了多种工具和算法来处理图像和视频数据。在C++中，OpenCV可以用于实现基础的人脸识别功能，包括从摄像头、图片和视频中识别人脸，以及通过PCA（主成分分析）提取图像轮廓。以下是对本资源大体的介绍： 1. 从摄像头中识别人脸：通过使用OpenCV的Haar特征分类器，我们可以实时从摄像头捕获的视频流中检测人脸。这个过程涉及到将视频帧转换为灰度图像，然后使用预训练的Haar级联分类器来识别人脸区域。 2. 从视频中识别出所有人脸和人眼：在视频流中，除了检测人脸，我们还可以进一步识别人眼。这通常涉及到使用额外的Haar级联分类器来定位人眼区域，从而实现对人脸特征的更细致分析。 3. 从图片中检测出人脸：对于静态图片，OpenCV同样能够检测人脸。通过加载图片，转换为灰度图，然后应用Haar级联分类器，我们可以在图片中标记出人脸的位置。 4. PCA提取图像轮廓：PCA是一种统计方法，用于分析和解释数据中的模式。在图像处理中，PCA可以用来提取图像的主要轮廓特征，这对于人脸识别技术中的面部特征提取尤
麻雀搜索算法（SSA）自适应t分布改进版：卓越性能与优化代码注释，适合深度学习。,自适应t分布改进麻雀搜索算法（TSSA）——卓越的学习样本，优化效果出众,麻雀搜索算法(SSA)改进——采用自适应t分布改进麻雀位置（TSSA），优化后明显要优于基础SSA（代码基本每一步都有注释，代码质量极高，非常适合学习） ,TSSA（自适应t分布麻雀位置算法）；注释详尽；高质量代码；适合学习；算法改进结果优异；TSSA相比基础SSA。,自适应T分布优化麻雀搜索算法：代码详解与学习首选（TSSA改进版）
锂电池主动均衡Simulink仿真研究：多种均衡策略与电路架构的深度探讨,锂电池主动均衡与多种均衡策略的Simulink仿真研究：buckboost拓扑及多层次电路分析,锂电池主动均衡simulink仿真 四节电池 基于buckboost(升降压)拓扑 （还有传统电感均衡+开关电容均衡+双向反激均衡+双层准谐振均衡+环形均衡器+cuk+耦合电感）被动均衡电阻式均衡 、分层架构式均衡以及分层式电路均衡，多层次电路，充放电。 ,核心关键词： 锂电池; 主动均衡; Simulink仿真; 四节电池; BuckBoost拓扑; 传统电感均衡; 开关电容均衡; 双向反激均衡; 双层准谐振均衡; 环形均衡器; CUK均衡; 耦合电感均衡; 被动均衡; 电阻式均衡; 分层架构式均衡; 多层次电路; 充放电。,锂电池均衡策略研究：Simulink仿真下的多拓扑主动与被动均衡技术
S7-1500和分布式外围系统ET200MP模块数据
内置式永磁同步电机无位置传感器模型：基于滑膜观测器和MTPA技术的深度探究,内置式永磁同步电机基于滑膜观测器和MTPA的无位置传感器模型研究,基于滑膜观测器和MTPA的内置式永磁同步电机无位置传感器模型 ,基于滑膜观测器;MTPA;内置式永磁同步电机;无位置传感器模型,基于滑膜观测与MTPA算法的永磁同步电机无位置传感器模型
centos7操作系统下安装docker，及docker常用命令、在docker中运行nginx示例，包括 1.设置yum的仓库 2.安装 Docker Engine-Community 3.docker使用 4.查看docker进程是否启动成功 5.docker常用命令及nginx示例 6.常见问题
给曙光服务器安装windows2012r2时候找不到磁盘，问厂家工程师要的raid卡驱动，内含主流大多数品牌raid卡驱动
数学建模相关主题资源2
西门子四轴卧式加工中心后处理系统：828D至840D支持，四轴联动制造解决方案，图档处理与试看程序一应俱全。,西门子四轴卧加后处理系统：支持828D至840D系统，四轴联动高精度制造解决方案,西门子四轴卧加后处理，支持828D~840D系统，支持四轴联动，可制制，看清楚联系，可提供图档处理试看程序 ,核心关键词：西门子四轴卧加后处理; 828D~840D系统支持; 四轴联动; 制程; 联系; 图档处理试看程序。,西门子四轴卧加后处理程序，支持多种系统与四轴联动
MATLAB下基于列约束生成法CCG的两阶段鲁棒优化问题求解入门指南：算法验证与经典文献参考,MATLAB下基于列约束生成法CCG的两阶段鲁棒优化问题求解入门指南：算法验证与文献参考,MATLAB代码：基于列约束生成法CCG的两阶段问题求解 关键词：两阶段鲁棒 列约束生成法 CCG算法 参考文档：《Solving two-stage robust optimization problems using a column-and-constraint generation method》 仿真平台：MATLAB YALMIP+CPLEX 主要内容：代码构建了两阶段鲁棒优化模型，并用文档中的相对简单的算例，进行CCG算法的验证，此篇文献是CCG算法或者列约束生成算法的入门级文献，其经典程度不言而喻，几乎每个搞CCG的两阶段鲁棒的人都绕不过此篇文献 ,两阶段鲁棒;列约束生成法;CCG算法;MATLAB;YALMIP+CPLEX;入门级文献。,MATLAB代码实现：基于两阶段鲁棒与列约束生成法CCG的算法验证研究
“生热研究的全面解读：探究参数已配置的Comsol模型中的18650圆柱锂电池表现”,探究已配置参数的COMSOL模型下的锂电池生热现象：18650圆柱锂电池模拟分析,出一个18650圆柱锂电池comsol模型 参数已配置，生热研究 ,出模型; 18650圆柱锂电池; comsol模型; 参数配置; 生热研究,构建18650电池的COMSOL热研究模型
移动端多端运行的知识付费管理系统源码，TP6+Layui+MySQL后端支持，功能丰富，涵盖直播、点播、管理全功能及礼物互动,基于UniApp跨平台开发的移动端知识付费管理系统源码：多端互通、全功能齐备、后端采用TP6与PHP及Layui前端，搭载MySQL数据库与直播、点播、管理、礼物等功能的强大整合。,知识付费管理系统源码，移动端uniApp开发，app h5 小程序一套代码多端运行，后端php（tp6）+layui+MySQL，功能齐全，直播，点播，管理，礼物等等功能应有尽有 ,知识付费;管理系统源码;移动端uniApp开发;多端运行;后端php(tp6);layui;MySQL;直播点播;管理功能;礼物功能,知识付费管理平台：全功能多端运行系统源码（PHP+Layui+MySQL）
基于Python+Django+MySQL的个性化图书推荐系统：协同过滤推荐，智能部署，用户定制功能,基于Python+Django+MySQL的个性化图书推荐系统：协同过滤推荐，智能部署，用户定制功能,Python+Django+Mysql个性化图书推荐系统 图书在线推荐系统 基于用户、项目、内容的协同过滤推荐算法。 帮远程安装部署 一、项目简介 1、开发工具和实现技术 Python3.8，Django4，mysql8，navicat数据库管理工具，html页面，javascript脚本，jquery脚本，bootstrap前端框架，layer弹窗组件、webuploader文件上传组件等。 2、项目功能 前台用户包含：注册、登录、注销、浏览图书、搜索图书、信息修改、密码修改、兴趣喜好标签、图书评分、图书收藏、图书评论、热点推荐、个性化推荐图书等功能； 后台管理员包含：用户管理、图书管理、图书类型管理、评分管理、收藏管理、评论管理、兴趣喜好标签管理、权限管理等。 个性化推荐功能： 无论是否登录，在前台首页展示热点推荐（根据图书被收藏数量降序推荐）。 登录用户，在前台首页展示个性化推荐