logo

JavaScript での Cookie の削除

前のセクションでは、JavaScript で Cookie を設定および更新するさまざまな方法を学びました。それとは別に、JavaScript を使用して Cookie を削除することもできます。ここでは、Cookie を削除する可能なすべての方法を見ていきます。

Cookie を削除するさまざまな方法

Cookie を削除するには次の方法があります。

サイズフォントラテックス
  • Cookie は、expire 属性を使用して削除できます。
  • max-age 属性を使用して Cookie を削除することもできます。
  • Web ブラウザを使用して、Cookie を明示的に削除できます。

Cookieを削除する例

例1

この例では、expire 属性を使用して、Cookie に有効期限 (つまり、過去の日付) を指定することで Cookie を削除します。

 function setCookie() { document.cookie='name=Martin Roy; expires=Sun, 20 Aug 2000 12:00:00 UTC'; } function getCookie() { if(document.cookie.length!=0) { alert(document.cookie); } else { alert('Cookie not avaliable'); } } 

例 2

この例では、 最大年齢 属性を使用して、ゼロまたは負の数値 (秒を表す) を指定して Cookie を削除します。

 function setCookie() { document.cookie='name=Martin Roy;max-age=0'; } function getCookie() { if(document.cookie.length!=0) { alert(document.cookie); } else { alert('Cookie not avaliable'); } } 

例 3

複数の Cookie を設定、取得、削除する例を見てみましょう。

 <br> <br> function setCookie1() { document.cookie=&apos;name=Martin Roy&apos;; cookie1= document.cookie; } function setCookie2() { document.cookie=&apos;name=Duke William&apos;; cookie2= document.cookie; } function getCookie1() { if(cookie1.length!=0) { alert(cookie1); } else { alert(&apos;Cookie not available&apos;); } } function getCookie2() { if(cookie2.length!=0) { alert(cookie2); } else { alert(&apos;Cookie not available&apos;); } } function deleteCookie1() { document.cookie=cookie1+&apos;;max-age=0&apos;; cookie1=document.cookie; alert(&apos;Cookie1 is deleted&apos;); } function deleteCookie2() { document.cookie=cookie2+&apos;;max-age=0&apos;; cookie2=document.cookie; alert(&apos;Cookie2 is deleted&apos;); } function displayCookie() { if(cookie1!=0&amp;&amp;cookie2!=0) { alert(cookie1+&apos; &apos;+cookie2); } else if(cookie1!=0) { alert(cookie1); } else if(cookie2!=0) { alert(cookie2); } else{ alert(&apos;Cookie not available&apos;); } } 

例 4

Cookie を明示的に削除する例を見てみましょう。

 function setCookie() { document.cookie=&apos;name=Martin Roy&apos;; } function getCookie() { if(document.cookie.length!=0) { alert(document.cookie); } else { alert(&apos;Cookie not avaliable&apos;); } } 

クリック後 クッキーを設定する 一度、クリックするたびに クッキーを取得する をクリックすると、Cookie のキーと値が画面に表示されます。

JavaScript Cookie の削除

Cookie を明示的に削除するには、次の手順に従います。

組合対全組合
  • Mozilla Firefox を開きます。
  • クリック メニューを開く - ライブラリ - 履歴 - 最近の履歴を消去 - 詳細
JavaScript Cookie の削除
  • ここで見ることができます クッキー すでにマークされているチェックボックス。さあ、クリックしてください 今すぐクリア Cookie を明示的に削除します。

さて、クリックすると クッキーを取得する をクリックすると、以下のダイアログボックスが表示されます。

JavaScript Cookie の削除

ここでは、Cookie が削除されていることがわかります。