JavaScript 经典实例：第三版

数据持久化

｜

381

...

sessionStorage.someMethod(param);

除了本节和下一节讲到的差别之外，另一个重要的区别是，

Storage

对象不与服务

器进行往返通信，是纯粹的客户端存储技术。

14.2.4

参考

关于

Storage

对象、

sessionStorage

、

localStorage

或

Storage DOM

的进一步信息，

请查阅规范（

https://oreil.ly/PgBUt

）。

sessionStorage

和

localStorage

在存取数

据上的区别见

14.3

节。

14.3

使用

localStorage

在客户端存储数据

14.3.1

问题

你想持久存储表单元素内容（或者其他数据），让用户可以在浏览器崩溃、不小心

关闭浏览器，或者网络连接中断后继续填写。

14.3.2

方案

如果数据量较小，可以使用

cookie

，但是遇到断网就失效了。另外一种更好的方

案，尤其是需要持久存储大量数据或者需要支持网络连接中断的情况下，应该使用

localStorage

。

const

formValue = document.getElementById('formelem').value;

if

(formValue) {

localStorage.formelem = formValue;

}

//

恢复

const

storedValue = localStorage.formelem;

if

(storedValue) {

document.getElementById('formelem').value ...