只需一個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的按鈕後:
Cookie就被清除了。