srcmini本文概要
在上一节中，我们学到了不同的方式来设置和更新在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="Set Cookie" onclick="setCookie()">
<input type="button" value="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="Set Cookie" onclick="setCookie()">
<input type="button" value="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="Set Cookie1" onclick="setCookie1()">
<input type="button" value="Get Cookie1" onclick="getCookie1()">
<input type="button" value="Delete Cookie1" onclick="deleteCookie1()">
<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>
<input type="button" value="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="Set Cookie" onclick="setCookie()">
<input type="button" value="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，请按照下列步骤操作：
- 打开Mozilla Firefox浏览器。
- 点击打开菜单 – library – 历史 – 清除最近的历史记录 – 详细信息。
- 在这里，我们可以看到这已经标志着饼干复选框。现在，点击立即清除明确删除cookies。
现在，点击获取饼干，下面的对话框。
在这里，我们可以看到，删除Cookie。
评论前必须登录！
注册