从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