博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Html5学习之旅-html5的留言记事本开发(17)
阅读量:4967 次
发布时间:2019-06-12

本文共 832 字,大约阅读时间需要 2 分钟。

web留言记事本的开发

!!!!!代码如下

index.html的代码

    
H5表格提交

js的代码

function saveStorage(id){
var data = document.getElementById(id).value; var time = new Date().getTime(); localStorage.setItem(time,data); loadStorage('msg');}function loadStorage(id){
var result = "
"; for(var i = 0;i < loadStorage.length;i++){ var key = localStorage.key(i); var value = localStorage.getItem(key); var date = new Date(); date.setTime(key); result += "
"; } result += "
"+value+" "+date+"
"; var target = document.getElementById(id); target.innerHTML = result;}function clearStorage(){
localStorage.clear(); loadStorage('msg');}

!!!!效果图

这里写图片描述

转载于:https://www.cnblogs.com/fengsehng/p/6048541.html

你可能感兴趣的文章
五. 面向对象高级特性7. 泛型通配符和类型参数的范围
查看>>
hadoop开发库webhdfs使用介绍
查看>>
document对象(二)
查看>>
Ajax中Put和Delete请求传递参数无效的解决方法(Restful风格)
查看>>
PHP——0127加登录页面,加查询,加方法,加提示框
查看>>
日期工具类
查看>>
this
查看>>
自由群,外代数和泛包络代数
查看>>
Centos 7 下部署Django + uWSGI + Nginx
查看>>
MVC系列学习(三)-EF的延迟加载
查看>>
C++函数调用方式约定stdcall,cdecl,pascal,naked,thiscall,fastcall
查看>>
HDU 2846(Trie树)
查看>>
接口测试必备技能之入门到上手
查看>>
js排序算法02——插入排序
查看>>
数据库水平切分的实现原理解析——分库,分表,主从,集群,负载均衡器(转)...
查看>>
SpringDataRedis java.net.UnknownHostException: 127.0.0.1 错误
查看>>
Spring Boot配置文件
查看>>
你的flume-ng的第一篇博客
查看>>
hdu 2159
查看>>
图片、JQuery学习笔记(图片的展开和伸缩)-by小雨
查看>>