首先，您需要检查以确保已启用localStorage。我建议这样做：

var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};

是的，您可以（在某些情况下）检查localStorage是否是窗口对象的成员。然而，如果您甚至试图访问索引“localStorage”，则会有iframe沙盒选项（以及其他选项）引发异常。因此，出于最佳实践的原因，这是检查是否启用了localStorage的最佳方法。然后，您可以这样清除localStorage。

if (localStorageEnabled) localStorage.clear();

例如，您可以在类似这样的webkit浏览器中发生错误后清除localStorage。

// clears the local storage upon error
if (localStorageEnabled)
  window.onerror = localStorage.clear.bind(localStorage);

在上面的示例中，您需要.bind（window），因为如果没有它，localStorage.clear函数将在window对象的上下文中运行，而不是localStorage对象使其自动失败。要演示这一点，请看以下示例：

window.onerror = localStorage.clear;

与以下内容相同：

window.onerror = function(){
    localStorage.clear.call(window);
}

localStorage.clear();

or

window.localStorage.clear();

清除特定项目

window.localStorage.removeItem("item_name");

要按id删除特定值，请执行以下操作：

var item_detail = JSON.parse(localStorage.getItem("key_name")) || [];           
            $.each(item_detail, function(index, obj){
                if (key_id == data('key')) {
                    item_detail.splice(index,1);
                    localStorage["key_name"] = JSON.stringify(item_detail);
                    return false;
                }
            });

下面是一个简单的代码，它将使用javascript清除存储在浏览器中的本地存储

    <script type="text/javascript">

if(localStorage) { // Check if the localStorage object exists

    localStorage.clear()  //clears the localstorage

} else {

    alert("Sorry, no local storage."); //an alert if localstorage is non-existing
}

</script>

要确认本地存储是否为空，请使用以下代码：

<script type="text/javascript">

// Check if the localStorage object exists
if(localStorage) {

    alert("Am still here, " + localStorage.getItem("your object name")); //put the object name
} else {
    alert("Sorry, i've been deleted ."); //an alert
}

</script>

如果返回null，则清除本地存储。

手动按钮：

<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>

本地存储附加在全局窗口上。当我们在chrome devtools中记录本地存储时，我们看到它具有以下API：

我们可以使用以下API删除项目：

localStorage.clear（）：清除整个localStoragelocalStorage.removeItem（'myItem'）：删除单个项目

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

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