从JavaScript中的本地存储中检索元素?
要从 本地存储中检索 元素,我们必须检查浏览器是否认可本地存储。稍后,我们必须在本地存储中设置一个元素。目前,我们必须要小心,因为一旦关闭浏览器,本地存储中将不会存储任何数据。稍后,我们需要检索存储在本地存储中的数据。让我们简要地讨论一下。
要在本地存储中设置数据,以下是语法
localStorage.setItem();
示例
在下面的示例中,首先,使用if条件检查存储的兼容性 。稍后,使用localStorage.setItem()将项目放置在本地存储中。一旦项目位于本地存储中,就可以使用属性localStorage.getItem()检索数据。
<html> <body> <p id = "storage"></p> <script> if (typeof(Storage) !== "undefined") { localStorage.setItem("product", "Tutorix"); document.getElementById("storage").innerHTML = localStorage.getItem("product"); } else { document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility..."; } </script> </body> </html>
输出结果
Tutorix