JavaScript的删除一个Cookie javascript删除cookie|JavaScript

本文概要

使用不同的方式来删除Cookie
删除一个Cookie

在上一节中，我们学到了不同的方式来设置和更新在JavaScript中的cookie。除此之外，JavaScript的也让我们删除的cookie。在这里，我们看到了所有可能的方式来删除的cookie。
使用不同的方式来删除Cookie这是通过以下方式来删除Cookie：

一个cookie可以通过使用到期属性被删除。
一个cookie也可以通过使用max-age的属性中删除。
我们可以明确地删除一个cookie，通过使用Web浏览器。

删除一个Cookie实例1
在这个例子中，我们使用到期属性通过提供到期日（即任何过去的日期）将其删除的cookie。

< !DOCTYPE html> < html> < head> < /head> < body>< input type="button" value="http://www.srcmini.com/Set Cookie" onclick="setCookie()"> < input type="button" value="http://www.srcmini.com/Get Cookie" onclick="getCookie()"> < script> 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"); } } < /script> < /body> < /html>

实例2
在这个例子中，我们使用的max-age属性通过提供零或负数（代表秒），将它删除的cookie。

< !DOCTYPE html> < html> < head> < /head> < body>< input type="button" value="http://www.srcmini.com/Set Cookie" onclick="setCookie()"> < input type="button" value="http://www.srcmini.com/Get Cookie" onclick="getCookie()"> < script> 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"); } }< /script> < /body> < /html>

实例3
让我们看一个例子来设置，获取和删除多个cookie。

< !DOCTYPE html> < html> < head> < /head> < body>< input type="button" value="http://www.srcmini.com/Set Cookie1" onclick="setCookie1()"> < input type="button" value="http://www.srcmini.com/Get Cookie1" onclick="getCookie1()"> < input type="button" value="http://www.srcmini.com/Delete Cookie1" onclick="deleteCookie1()"> < br> < input type="button" value="http://www.srcmini.com/Set Cookie2" onclick="setCookie2()"> < input type="button" value="http://www.srcmini.com/Get Cookie2" onclick="getCookie2()"> < input type="button" value="http://www.srcmini.com/Delete Cookie2" onclick="deleteCookie2()"> < br> < input type="button" value="http://www.srcmini.com/Display all cookies" onclick="displayCookie()">< script> function setCookie1() { document.cookie="name=Martin Roy"; cookie1=document.cookie; } function setCookie2() { document.cookie="name=Duke William"; 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>

实例4
让我们看一个例子来明确删除的cookie。

< !DOCTYPE html> < html> < head> < /head> < body>< input type="button" value="http://www.srcmini.com/Set Cookie" onclick="setCookie()"> < input type="button" value="http://www.srcmini.com/Get Cookie" onclick="getCookie()"> < script> function setCookie() { document.cookie="name=Martin Roy"; } function getCookie() { if(document.cookie.length!=0) { alert(document.cookie); } else { alert("Cookie not avaliable"); } } < /script> < /body> < /html>

点击设置cookie的一次，当我们单击获取饼干后，饼干键和值显示在屏幕上。
要明确删除Cookie，请按照下列步骤操作：