JavaScript 如何清除本地存储-之路教程

本地存储

LocalStorage 和 sessionStorage 是 Web 存储对象，允许开发人员在浏览器中保存键值对。
它是一种 Web 存储类型，允许 JavaScript 应用程序或者站点直接在浏览器中存储和访问数据，而没有到期日期，这意味着当页面关闭时，localStorage 中存储的数据不会被清除。

JavaScript 如何清除本地存储

有一种使用 clear() 方法重置浏览器的 localStorage 的简单方法。

只需调用 Storage 接口方法的 clear() ，它将清除该特定域的所有记录的整个存储：

<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        text-align: center;
      }
      h1 {
        color: green;
      }
    </style>
  </head>
  <body>
    <h2>Create local storage items </h2>
    <button onclick="createItems()">
      Create local storage items
    </button>
    <h2>Disems</h2>
    <button onclick="displayItems()"> Disems</button>
    <p id="show"></p>
    <h2>Remove Items</h2>
    <button onclick="deleteItems()"> 清理本地存储 </button>
    <h2>Disems Again</h2>
    <button onclick="displayItems()"> 查看 </button>
    <p id="demo"></p>
    <script>
      function createItems() {
        //Set item in local storage. 
        localStorage.setItem("Welcome toonitroad ", " ");
        localStorage.setItem("Storage Clear Method ", " ");
      }
      function deleteItems() {
        //Clear localStorage items 
        localStorage.clear();
      }
      function displayItems() {
        let l, i;
        //Disems 
        document.getElementById("show").innerHTML = "";
        for(i = 0; i < localStorage.length; i++) {
          res = localStorage.key(i);
          document.getElementById("show").innerHTML += res;
        }
      }
    </script>
  </body>
</html>

如果要从用户的本地存储中删除特定项或者变量，可以使用以下命令：

localStorage.removeItem("要删除的本地存储变量");

日期：2020-06-02 22:16:11 来源：oir作者：oir

←如何检查对象是否为日期

如何清除画布以进行重绘→

本地存储

目录