原生JS删除Cookie

2,622 阅读1分钟

  最近遇到的问题,浏览器关闭时如何删除缓存的cookie?

  普及:Cookie在浏览器关闭的时候其实是会自动删除的,但是Chrome(谷歌浏览器)有自动缓存功能,需要用户手动去设置。

  这也是我刚发现的,但是非技术用户是不知道的,这样就需要我们去实现了。

  本人用的Vue框架(4版本),所以需要在public文件夹的index.html中去写了,别问我为什么,来看代码:

//关闭浏览器前清除cookie  window.onbeforeunload = function(){
    //首先检验浏览器中是否存在Cookie    var keys=document.cookie.match(/[^ =;]+(?=\=)/g);
    //如果有,就遍历全部删除,注意是全部删除。    if (keys) {        for (var i =  keys.length; i--;)            document.cookie=keys[i]+'=0;expires=' + new Date( 0).toUTCString()    }     }

  注:onbeforeunload事件是在页面下载或者销毁的时候触发的(说白了就是你打开浏览器或者关闭浏览器的时候触发的)。