.biji{
margin:10px;
border:1px solid #ccc;
border-radius:3px;
padding:5px;
position:relative;
padding-top:15px;
}
.biji span{
position:absolute;
right:3px;
top:3px;
font-size:12px;
color:#666;
}
.biji .createDate{
font-size:12px;
margin-top:10px;
color:#666;
}
备忘录
返回目录
var bijis = [];
var now = new Date();
function loadData() {
if (localStorage.bijis) {
bijis = JSON.parse(localStorage.bijis);
}
bijiList.innerHTML = ""
for (var i = bijis.length-1; i>=0; i--) {
var newDiv = document.createElement("div");
newDiv.className = "biji"
var deleteSpan = document.createElement("span");
deleteSpan.innerHTML = "删除";
var createbijiDiv = document.createElement("div");
createbijiDiv.innerHTML = bijis[i].content;
createbijiDiv.className = "createbiji"
var createDateDiv = document.createElement("div");
createDateDiv.innerHTML = bijis[i].createDate;
createDateDiv.className = "createDate"
newDiv.appendChild(deleteSpan);
newDiv.appendChild(createbijiDiv);
newDiv.appendChild(createDateDiv);
bijiList.appendChild(newDiv)
}
}
loadData()
add.onclick = function() {
d1.style.display = "none";
d2.style.display = "block";
cnt.focus();
}
returnH2.onclick = function() {
d1.style.display = "block";
d2.style.display = "none";
if (cnt.innerHTML.length>0) {
var biji = {
content: cnt.innerHTML,
createDate: (new Date()).toLocaleString(),
}
bijis.push(biji);
localStorage.bijis = JSON.stringify(bijis);
cnt.innerHTML = ""
loadData()
}
}
一键复制
编辑
Web IDE
原始数据
按行查看
历史