如何使用 HTML5 的本地存储永久存储姓名?
本地存储是为了跨越多个窗口进行存储、并在当前会话后继续存在而设计的。特别是,出于性能考虑,Web 应用程序可能希望在客户端存储兆字节的用户数据,例如整个用户编写的文档或用户的邮箱。
HTML5 localStorage 将字符串数据保存在浏览器中,而且在当前会话后也会继续存储。localStorage 存储数据时无过期时间,而 sessionStorage 仅限于会话时间。当浏览器关闭时,会话会丢失。
当浏览器关闭时,数据不会被删除。在这里,我们举例储存一个名称。
你可以尝试运行以下代码了解如何使用 HTML5 本地存储永久储存姓名。
示例
<!DOCTYPE html> <html> <body> <div id = "demo"></div> <script> if (typeof(Storage) !== "undefined") { localStorage.setItem("name", "John"); document.getElementById("demo").innerHTML = localStorage.getItem("name"); } else { document.getElementById("demo").innerHTML = "The browser do not support Web Storage"; } </script> </body> </html>
广告