創(chuàng)建cookie之后，可能出于各種原因需要將其刪除。比如用戶名與密碼保存一天、一周或者一月等設(shè)置。最近文匯軟件小編就接到了這樣一個需求。
要求在后臺管理員賬號無操作15分鐘內(nèi)重新登錄?？嗨荚S久想到了刪除cookie這一方式來實(shí)現(xiàn)功能。
惡補(bǔ)了一些相關(guān)知識，小編也是對其有所了了解：
cookie的刪除一般有兩種：
其一：沒有顯示設(shè)置cookie的過期時間.
如果沒有顯示設(shè)置cookie的過期時間 ，cookie不會存入本地硬盤，僅僅保留在內(nèi)存中，關(guān)閉瀏覽器時就會自動刪除，不用我們控制生命周期。
其二：顯示設(shè)置cookie的過期時間。
大多時候cookie的生命周期都是人為設(shè)置的，已達(dá)到某些需求。
比如常見的用戶名密碼保存一個小時，一天，一周等等，通過Expires屬性即可實(shí)現(xiàn)。
當(dāng)當(dāng)前時間超過Expires屬性值的時候cookie就會被自動刪除。
在js中并沒有直接刪除cookie的接口 但是可以利用設(shè)置cookie的過期時間來實(shí)現(xiàn)刪除功能。
代碼實(shí)例如下：
//取cookies
function getCookie(name){
let arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) return unescape(arr[2]);
return null;
}
//刪除cookie
function delCookie(name){
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval = getCookie(name);
if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString()+";path=/";
}name就是你想要獲取或者刪除的cookie的名字了（瀏覽器F12 Application 中可查看）。
接下來監(jiān)聽頁面上的事件，滿足條件的時候調(diào)用函數(shù)就OK了。
下面拋一個問題 ，也是文匯小編在實(shí)現(xiàn)這個功能時所遇到的一個問題“如何監(jiān)聽iframe頁面鼠標(biāo)位置信息”感興趣的小伙伴可以試試，歡迎留言討論。
