手动按钮：

<script>
function ask() {
if (confirm('Clear localStorage?') == true) {
localStorage.clear()
location.reload()
}
else {
alert('Nothing happend')
}
}
}
</script>
<style>
button {border-width:0px;background-color:#efefef;padding:5px;width:5cm;margin:5px;}
</style>
<button onclick=ask()>Clear localStorage</button>

使用此选项清除localStorage：

localStorage.clear();

如果需要清除本地存储数据，请使用：

localStorage.clear()

要从本地存储中删除特定项目，请执行以下操作：

localStorage.removeItem('Item')

如果有人正在寻找在浏览器选项卡关闭时清除localStorage的方法，下面的代码是有效的。（示例用例：将一些复制的数据保存在localStoarge中，以粘贴到另一个选项卡上，但同时，需要缓存在所有以前的选项卡关闭时不显示在新选项卡上）

window.onbeforeunload=（）=>{//获取具有指定密钥的localStorage项const storage=JSON.parse（localStorage.getItem（'MY_KEY'））；//清除缓存（如果存在）if（！isNil（存储））localStorage.removeItem（'MY_KEY'）；};

它将一个eventListener添加到窗口中，以检测选项卡关闭，并在关闭之前清除选项卡的localStorage（指定键）。它不会清除其他选项卡上的localStorage（相同密钥）。

这是一个很好的解决方案，如果我们想只在关闭的选项卡中清除localStorage，并保持其他选项卡上的localStorage（相同键）不变。

因此

只要用户打开一个选项卡，用户就可以利用localStorage缓存，并且关闭所有选项卡后，localStorage将不会出现在新的选项卡。

window.localStorage.clear(); //try this to clear all local storage

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

localStorage.removeItem("name of localStorage variable you want to remove");