怎么在javascript中删除所有cookie

发布时间:2021-04-06 18:22:32 作者:Leah
来源:亿速云 阅读:554

今天就跟大家聊聊有关怎么在javascript中删除所有cookie,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

javascript删除所有的cookie的方法:

只需一个js函数即可:

//清除所有cookie函数
function clearAllCookie() {
var keys = document.cookie.match(/[^ =;]+(?=\=)/g);
if(keys) {
for(var i = keys.length; i--;)
document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()
}
}

测试的所有代码如下:

<!DOCTYPE html>
<html>
 
<head>
<meta charset="UTF-8">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script>
$(document).ready(function() {
//所创建的cookie有效期默认到用户关闭浏览器为止
$.cookie('the_cookie', '五颜六色千变万化');
//创建一个cookie并设置 cookie的有效路径: 
$.cookie('the_cookie_expires_07', '世界是座魔方大厦', {
expires: 7
});
//读取cookie
var value = $.cookie('the_cookie');
var value_07 = $.cookie('the_cookie_expires_07');
$('p').html('读取cookie的值:' + value + '<br />' + '读取cookie存在7天的值:' + value_07);
});
 
//清除所有cookie函数
function clearAllCookie() {
var keys = document.cookie.match(/[^ =;]+(?=\=)/g);
if(keys) {
for(var i = keys.length; i--;)
document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()
}
}
</script>
<title></title>
</head>
 
<body>
<p></p>
<button οnclick="clearAllCookie();">清除所有的cookie</button>
</body>
 
</html>

在浏览器中写入cookie

怎么在javascript中删除所有cookie

当点击清除所有cookie的按钮后:

怎么在javascript中删除所有cookie


看完上述内容,你们对怎么在javascript中删除所有cookie有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

推荐阅读:
  1. 如何在JavaScript中创建和删除cookie
  2. javascript 中Cookie读、写与删除操作

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript cookie

上一篇:可以在css中使用变量吗

下一篇:怎么在css中实现一个旋转效果

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》