javascript如何删除所有的cookie-js教程-PHP中文网

javascript如何删除所有的cookie

coldplay.xixi

发布： 2021-04-06 16:44:36

原创

6174人浏览过

javascript删除所有的cookie的方法：使用【clearAllCookie()】函数，代码为【function clearAllCookie() {var keys = document.cookie.match(/[^=;]】。

javascript如何删除所有的cookie

本教程操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。

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()
}
}

登录后复制

测试的所有代码如下：

立即学习“Java免费学习笔记（深入）”；

<!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>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/11105">
                            <img src="https://img.php.cn/upload/webcode/000/000/019/176498641258082.jpg" alt="网奇IOS智能在线订单系统">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/11105">网奇IOS智能在线订单系统</a>
                            <p>产品简介：    网奇IOS智能订单系统，是网奇公司研发的一款智能在线订单编辑以及管理系统。本系统适合使用在；在线报名、酒店预定、信息反馈、在线订单和在线投诉等等诸多应用上。本系统所有选项字段完全通过后台控制，在线报名系统可以变为在线预定系统，同时可以变为任何其它的系统，里面的栏目字段，可以任意添加、删除、 修改。本系统为网奇公司全国独家首创，顺应网络需求，安装十分便利，上传即可使用。产品特色： </p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="网奇IOS智能在线订单系统">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/11105" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="网奇IOS智能在线订单系统">
                        </a>
                    </div>
                
<button οnclick="clearAllCookie();">清除所有的cookie</button>
</body>
 
</html>

登录后复制

在浏览器中写入cookie