.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

原始數據

按行查看

歷史

總結

以上是生活随笔為你收集整理的app备忘录源代码html,备忘录app.html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。