Question

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

我对本地存储的工作原理有点困惑。使用javascript代码块的简单答案会很好。 DF

Answer 1

localStorage API非常简单易用，您可以在其MDN页面上找到API基本用法信息：localStorage API和网络存储页面：Web Storage。

我还提供了一个JSFiddle示例，了解与您的应用程序类似的应用程序如何使用API运行，可以找到here。

使用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'

注意使用本地存储获取应用

1 个答案: