​x
 
<!DOCTYPE html>
<html>
<body>
​
<h1>Storage removeItem() 方法</h1>
​
<p>本例演示如何使用 removeItem() 方法删除指定的会话存储项。</p>
​
<h2>缺少 localStorage 项目？</h2>
​
<p>由于您的本地存储中可能没有存储指定的项目，因此我们添加了一个脚本来为您创建它。</p>
​
<button onclick="createItem()">创建会话存储项</button>
​
<h2>删除项目</h2>
​
<p>单击按钮删除项目：</p>
​
<button onclick="deleteItem()">删除项目</button>
​
<h2>显示项目</h2>
​
<p>单击按钮来显示项目的值：</p>
​
<button onclick="displayItem()">显示项目</button>
​
<p id="demo"></p>
​
<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>
​