Storage removeItem() 方法

实例

从指定的本地存储项中删除:

<!DOCTYPE html>
<html>
<body>
<p>此示例演示如何使用 removeItem() 方法删除指定的本地存储项。</p>
<h2>丢失会话存储项项?</h2>
<p>由于会话存储中可能没有存储任何项目，因此我们添加了一个脚本，为您创建了一些项目。</p>
<button onclick="createItems()">创建会话存储项目</button>
<h2>删除项目</h2>
<p>单击按钮删除该项目:</p>
<button onclick="deleteItem()">删除项目</button>
<h2>显示项目</h2>
<p>单击按钮以显示项目的值:</p>
<button onclick="displayItem()">显示项目</button>
<p id="demo">
<script>
function createItems() {
  localStorage.mytime = Date.now();
}
function deleteItem() {
  localStorage.removeItem("mytime");
}
function displayItem() {
  var x = localStorage.getItem("mytime");
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

运行一下

定义与用法

removeItem() 方法移除指定的存储对象项。

removeItem() 方法属于存储对象，它可以是 localStorage 对象或 sessionStorrage 对象。

浏览器支持

方法
removeItem()	4	8	3。5	4	10。5

语法

    localStorage.removeItem(keyname)

或者:

    sessionStorage.removeItem(keyname)

参数值

参数	描述
keyname	必填。指定要删除的项的名称的字符串

技术细节

DOM 版本:	Web Storage API
返回值:	无返回值

更多实例

实例

相同的示例，但使用 sessionStorage 会话存储而不是本地存储。

删除指定的会话存储项:

<!DOCTYPE html>
<html>
<body>
<p>此示例演示如何使用 removeItem() 方法删除指定的会话存储项。</p>
<button onclick="createItem()">创建会话存储项目</button>
<h2>删除项目</h2>
<p>单击按钮删除该项目:</p>
<button onclick="deleteItem()">删除项目</button>
<h2>显示项目</h2>
<p>单击按钮以显示项目的值:</p>
<button onclick="displayItem()">显示项目</button>
<p id="demo">
<script>
function createItem() {
  sessionStorage.setItem("test1", "hello");
}
function deleteItem() {
  sessionStorage.removeItem("test1");
}
function displayItem() {
  var x = sessionStorage.getItem("test1");
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

运行一下

Storage removeItem() 方法

实例

定义与用法

浏览器支持

语法

参数值

技术细节

更多实例

实例

相关页面

分类导航