Javascript 使用本地存储的笔记应用程序

Javascript 使用本地存储的笔记应用程序,javascript,html,web,Javascript,Html,Web,试图为学校创建一个笔记应用程序,但我对一些事情感到困惑。如何使它在我键入表单块时,即使在刷新页面后,它也会保存我在文本块中放置的任何内容 我对本地存储的工作原理有点困惑。一个带有javascript代码块的简单答案就好了。df本地存储API非常简单且易于使用,您可以在其MDN页面和web存储页面上找到API的基本使用信息: 我还提供了一个JSFIDLE示例,说明了与您类似的应用程序如何使用API运行,可以找到该API 有多种方法可以使用API设置和获取值 例如: // Using the get

试图为学校创建一个笔记应用程序,但我对一些事情感到困惑。如何使它在我键入表单块时,即使在刷新页面后,它也会保存我在文本块中放置的任何内容


我对本地存储的工作原理有点困惑。一个带有javascript代码块的简单答案就好了。df

本地存储API非常简单且易于使用,您可以在其MDN页面和web存储页面上找到API的基本使用信息:

我还提供了一个JSFIDLE示例,说明了与您类似的应用程序如何使用API运行,可以找到该API

有多种方法可以使用API设置和获取值 例如:

// Using the getItem & setItem funcitons
localStorage.setItem('key', 'value'); // sets 'key' to 'value'
localStorage.getItem('key'); // returns: 'value'

// Simple member assignment
localStorage.note = 'value'; // 'note' => 'value'
localStorage.note; // 'value'
localStorage['note2'] = 'some other value';  // 'note2' => 'some other value'
localStorage['note2']; // 'some other value'