Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでlocalStorageをクリアしますか?


JavaScriptを介してlocalStorageを実際にクリアする方法は2つあります。

Way1-clear()メソッドの使用

localStorage.clear();

Way2-localStorageを反復処理し、すべてのキーを削除します

for(key in localStorage){
delete localStorage[key];
}

どちらの方法でも機能します。

<html>
<body>
<p id = "storage"></p>
<script>
if (typeof(Storage) !== "undefined") {
   localStorage.setItem("product", "Tutorix");
   // cleared before displaying
   localStorage.clear();
   document.getElementById("storage").innerHTML = localStorage.getItem("product");
}
else {
   document.getElementById("storage").innerHTML = "Sorry, no Web Storage
   compatibility...";
}
</script>
</body>
</html>

  1. HTML DOMローカルストレージclear()メソッド

    HTML DOMローカルストレージclear()メソッドは、ローカルストレージエントリ全体をクリアするために使用されます。 構文 以下は構文です- localStorage.clear() または sessionStorage.clear() 例 LocalStorage()メソッドの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>LocalStorage clear()</title> <style>    form {  

  2. HTML DOMストレージremoveItem()メソッド

    HTML DOM Storage removeItem()メソッドは、指定されたキー名を渡すことによってストレージオブジェクトアイテムを削除するために使用されます。 構文 以下は、Storage removeItem()メソッドの構文です- localStorage.removeItem(keyname); または sessionStorage.removeItem(keyname); ここで、keynameは文字列型であり、削除するアイテムの名前を表します。 例 Storage removeItem()メソッドの例を見てみましょう- <!DOCTYPE html> &l