从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

以上是 从JavaScript中的本地存储中检索元素? 的全部内容, 来源链接: utcz.com/z/351509.html

回到顶部