好的，使用sessionStorage和
json存储可以实现一个简单的
备忘录页面。具体实现步骤如下：
1.创建一个HTML页面，包括输入框和按钮，用于添加
备忘录条目。
2.在JavaScript中定义一个数组，用于存储
备忘录条目。
3.为按钮添加点击事件，当用户点击按钮时，将输入框中的文本添加到数组中。
4.使用
JSON.stringify()方法将数组转换为
JSON格式的字符串。
5.将
JSON字符串存储在sessionStorage中，可以使用sessionStorage.setItem()方法。
6.当页面重新加载时，从sessionStorage中读取保存的
JSON字符串，并将其转换为数组。
7.使用循环遍历数组，并将每个
备忘录条目显示在页面上。
8.如果用户想要删除一个
备忘录条目，可以从数组中删除该条目，然后再次将数组保存到sessionStorage中。
下面是实现代码示例：
HTML部分：
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
备忘录</title>
</head>
<body>
<input type="text" id="memoInput">
<button onclick="addMemo()">添加
备忘录</button>
<ul id="memoList"></ul>
</body>
</html>
```
JavaScript部分：
```
//定义一个数组，用于存储
备忘录条目
var memoArray = [];
//添加
备忘录条目
function addMemo() {
//获取输入框中的文本
var memoText = document.getElementById("memoInput").value;
//将
备忘录条目添加到数组中
memoArray.push(memoText);
//将数组转换为
JSON格式的字符串
var memo
Json =
JSON.stringify(memoArray);
//将
JSON字符串保存到sessionStorage中
sessionStorage.setItem("memoList", memo
Json);
//更新
备忘录列表
updateMemoList();
}
//更新
备忘录列表
function updateMemoList() {
//从sessionStorage中获取
JSON字符串
var memo
Json = sessionStorage.getItem("memoList");
//如果
JSON字符串存在，则将其转换为数组，并显示在页面上
if (memo
Json !== null) {
memoArray =
JSON.parse(memo
Json);
var memoList = document.getElementById("memoList");
memoList.innerHTML = "";
for (var i = 0; i < memoArray.length; i++) {
var memoItem = document.createElement("li");
memoItem.innerHTML = memoArray[i] + "<button onclick='deleteMemo(" + i + ")'>删除</button>";
memoList.appendChild(memoItem);
}
}
}
//删除
备忘录条目
function deleteMemo(index) {
memoArray.splice(index, 1);
var memo
Json =
JSON.stringify(memoArray);
sessionStorage.setItem("memoList", memo
Json);
updateMemoList();
}
//页面加载完成后更新
备忘录列表
window.onload = updateMemoList;
```
493
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
