在 HTML 中,为了在本机存储用户数据,我们需要使用 JavaScript cookie。为了避免这种情况,HTML5 已经引入了 Web 存储,网站利用它在本机上存储用户数据。
与 Cookie 相比,Web 存储的优点是:
-
更安全
-
更快
-
存储更多的数据
-
存储的数据不会随每个服务器请求一起发送。只有在被要求时才包括在内。这是 HTML5 Web 存储超过 Cookie 的一大优势。
有两种类型的 Web 存储对象:
-
本地 - 存储没有到期日期的数据。
-
会话 - 仅存储一个会话的数据。
如何工作: localStorage 和 sessionStorage 对象创建一个 key=value 对。比如: key="Name", value="Palak"。
这些存储为字符串,但如果需要,可以使用 JavaScript 函数(如 parseInt() 和 parseFloat())进行转换。
下面给出了使用 Web 存储对象的语法:
-
存储一个值:
-
localStorage.setItem("key1", "value1");
-
localStorage["key1"] = "value1";
-
得到一个值:
-
alert(localStorage.getItem("key1"));
-
alert(localStorage["key1"]);
-
删除一个值: -removeItem("key1");
-
删除所有值:
-
localStorage.clear();
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h58563.shtml