网页版备忘录源码html,备忘录.html

Title

.biji{

margin: 10px 7px;

border: 1px solid #ccc;

border-radius: 10px;

padding: 5px;

background-color: #F7F6F2;

position: relative;

}

.shanChu{

position: absolute;

right: 3px;

top: 3px;

font-size: 12px;

}

.fixeD{

position: fixed;

width: 98%;

z-index: 1;

top: 0;

right: 0;

background-color: white;

}

#bijiList{

padding-top: 120px;

}

.line1{

display: block;

height: 1px;

background-color: #333;

margin-right: 10px;

}

备忘录

+

返回 新增备忘录


var bijis = []

loadDate();

function loadDate(){

if(localStorage.bijis){

bijis = JSON.parse(localStorage.bijis)

}

bijiList.innerHTML =""

for(var i=bijis.length-1;i>=0;i--){

var b = bijis[i];

var newDiv = document.createElement("div")

newDiv.className = "biji"

var deleteSpan = document.createElement("span")

deleteSpan.innerHTML = "删除";

deleteSpan.className = "shanChu"

var titleDiv = document.createElement("div");

titleDiv.className = "title"

titleDiv.innerHTML = b.content;

var createDateDiv = document.createElement("div")

createDateDiv.className = "createDate"

createDateDiv.innerHTML = b.createDate;

newDiv.appendChild(deleteSpan)

newDiv.appendChild(titleDiv)

newDiv.appendChild(createDateDiv)

bijiList.appendChild(newDiv)

}

}

addbtn.onclick = function () {

d1.style.display = "none"

d2.style.display = "block"

cntDiv.focus()//获得光标

}

returnbtn.onclick = function () {

d1.style.display = "block"

d2.style.display = "none"

if(cntDiv.innerHTML.length>0){

var biji = {

content:cntDiv.innerHTML,

createDate:(new Date()).toLocaleString()

}

bijis.push(biji)

localStorage.bijis = JSON.stringify(bijis);

cntDiv.innerHTML = "";

loadDate()

}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
记事本资讯网站码简介 记事本资讯网站码采用织梦discuz基于php mysql制作,功能是毋庸置疑的,强大至极。码完整无错,本站修复码的大量模板错位问题,现已完美分享,需要的朋友请拿走! 记事本资讯网站码安装教程: 一、将整站解压后,将文件夹内的所有文件上传到网站根目录(西部数码的根目录是:wwwroot,不同网站的根目录名称不同,请咨询空间提供商,不要来问我) 注意:如果您的空间支持在线解压的话,建议您直接将压缩文件上传解压,因为这样速度会很快,也很少会出错。 二、打开浏览器,在地址栏里输入http://网址/install/index.php 点击安装 至此Discuz x3.x程序安装完成。 三、登录Discuz后台(http://域名/admin.php) 选择 "站长—数据库—恢复—导入" 或者 http://您的域名/data/restore.php 四、检查UCenter能否登陆 1、检查UCenter 访问地址设置是否正确(一般不会出错) 2、创始人密码和admin管理员密码有可能不是同一个,创始人密码是上面第二步重新安装discuz程序时设置的密码。 3、检查UCenter应用是否通讯成功 五、在后台:工具 更新缓存 完毕。 六、恢复完的后台 管理员帐号:admin 密码:1 如果不清楚可以下载后看里面具体的安装教程 记事本资讯网站码前台页面 记事本资讯网站码后台管理 后台路径:http://域名/admin.php 用户名与密码:安装时可设置 后台页面 相关阅读 同类推荐:站长常用

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值