Удаление файлов cookie JavaScript - httpdoc.ru

JavaScript Удалить файлы cookie

JavaScript Delete Cookie - Удалить cookie очень просто. Вам не нужно указывать значение cookie при удалении cookie. JS Cookie можно удалить с помощью атрибута expire.

Есть 3 способа удалить файлы cookie:

  • Используя expires атрибут.
  • Используя max-age атрибут.
  • Напрямую через веб-браузер.

Удалить файл cookie в JavaScript

Этот пример даст вам обзор использования expires атрибута для удаления файла cookie.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Delete Cookie </title> 
<script>
 var num = 1;
 function addCookie(){
  document.cookie = num+" = "+num;
   num++;
  }
 function listCookies(){
  var result = document.cookie;
  document.getElementById("list").innerHTML = result;
  }
 function removeCookies() {
  var res = document.cookie;
  var multiple = res.split(";");
 for(var i = 0; i < multiple.length; i++) {
  var key = multiple[i].split("=");
  document.cookie = key[0]+" =; expires = Thu, 01 Jan 1970 00:00:00 UTC";
  }
  }
</script>
</head>

<body>
 <button onclick = 'addCookie()'>ADD</button>
 <button onclick = 'listCookies()'>LIST COOKIES</button>
 <button onclick = 'removeCookies()'>REMOVE</button>
 <h3>Cookies List : </h3>
 <p id = "list"></p>
</body>
</html>

Удалить файл cookie с помощью атрибута max-age

Здесь max-age установлено значение, 0 поэтому файлы cookie не сохраняются. Но вы можете увеличить значение для поддержки файлов cookie в примере.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Delete max-age Cookie </title> 
</head>  
<body>  
     
<input type="button" value="Set Cookie" onclick="setCookie()">  
<input type="button" value="Get Cookie" onclick="getCookie()">  
<script>  
 function setCookie()   
 {  
  document.cookie="name=Shubham Kandari;max-age=0";  
 }   
 function getCookie()  
 {  
  if(document.cookie.length!=0)  
  {  
   alert(document.cookie);  
  }  
  else  
  {  
   alert("Cookie not avaliable");  
  }  
}  
</script>  
</body>  
</html>

Удалить несколько файлов cookie

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Delete Multiple Cookie </title> 
</head> 
<body>
     
 <input type="button" value="Set Cookie1" onclick="setCookie1()">
 <input type="button" value="Get Cookie1" onclick="getCookie1()"> 
 <input type="button" value="Delete Cookie1" onclick="deleteCookie1()"> 
 <br>  <br>  
 <input type="button" value="Set Cookie2" onclick="setCookie2()">
 <input type="button" value="Get Cookie2" onclick="getCookie2()">
 <input type="button" value="Delete Cookie2" onclick="deleteCookie2()">  
 <br>  <br>  
 <input type="button" value="Display all cookies" onclick="displayCookie()">  
  
<script>  
 function setCookie1()   
 {  
  document.cookie="name=Saurav Bisht";  
  cookie1=  document.cookie;  
 }   
 function setCookie2()   
 {  
  document.cookie="name=Shubham Kandari";  
  cookie2=  document.cookie;  
 }   
  
 function getCookie1()  
 {  
  if(cookie1.length!=0)  
 {  
  alert(cookie1);  
 }  
  else  
 {  
  alert("Cookie not available");  
 }  
}  
  
function getCookie2()  
 {  
  if(cookie2.length!=0)  
  {  
  alert(cookie2);  
  }  
  else  
  {  
   alert("Cookie not available");  
  }  
}  
  
 function deleteCookie1()  
 {  
  document.cookie=cookie1+";max-age=0";  
  cookie1=document.cookie;  
  alert("Cookie1 is deleted");  
 }  
  
 function deleteCookie2()  
 {  
  document.cookie=cookie2+";max-age=0";  
  cookie2=document.cookie;  
  alert("Cookie2 is deleted");  
 }  
  
 function displayCookie()  
  {  
  if(cookie1!=0&&cookie2!=0)  
  {  
   alert(cookie1+" "+cookie2);  
  }  
  else if(cookie1!=0)  
  {  
   alert(cookie1);  
  }  
  else if(cookie2!=0)  
  {  
   alert(cookie2);  
  }  
  else{  
   alert("Cookie not available");  
  }  
}  
  
</script>  
</body>  
</html>