什么是 HTML 本地存储?
通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。
在 HTML5 之前,应用程序数据只能存储在 cookie 中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前提下将大量数据存储于本地。
与 cookie 不同,存储限制要大得多(至少5MB),并且信息不会被传输到服务器。
本地存储经由起源地(origin)(经由域和协议)。所有页面,从起源地,能够存储和访问相同的数据。
ocalstorage和sessionstorage
localStorage 页面关闭数据仍然保留,可以长期保留
sessionStorage 页面关闭数据就丢失,不能长期保留
定义本地存储的内容
localStorage.变量名="值";
localStorage.setItem("变量名","值")
获取本地存储的内容:
localStorage.变量名
localStorage.getItem("变量名")
清空本地存储的数据:
localStorage.clear();
清除指定的本地存储的数据
localStorage.removeItem("变量名")