javascript记事本
时间: 2023-10-09 18:08:48 浏览: 149
jQuery编写记事本
这是一个用JavaScript操作本地存储制作的记事本。它的功能包括添加、编辑、删除待办事项,并可以将事项标记为已完成。具体步骤如下:
1. 页面布局:通过HTML布局页面,使用CSS对页面进行美化。
2. 编写JavaScript文件:实现页面的交互功能。
2.1 输入框的鼠标弹起事件:监听输入框的鼠标弹起事件,获取输入框的内容。
2.2 获取本地存储数据与保存本地存储的数据:使用本地存储API,获取保存在本地的数据,并将新的数据保存到本地存储中。
2.3 渲染页面:根据从本地存储中获取的数据,动态生成待办事项列表和已完成事项列表。
2.4 点击复选框判断事件的完成状况:点击复选框,判断该事件是已完成还是未完成,并更新本地存储的数据。
2.5 点击小圆圈删除事件:点击小圆圈,删除对应的待办事项,并更新本地存储的数据。
2.6 双击任务名并修改:双击待办事项的任务名,将其变为可编辑状态,修改任务名后按回车键保存,并更新本地存储的数据。
记事本是用JavaScript操作本地存储实现的,它具有以下优势:
1. 不需要连接数据库,即使刷新页面,数据也不会丢失。
2. 可以实现多页面共享数据。
阅读全文