前端清除cookie的方法

一、前端清空cookie

1、清除单个cookie

function deleteCookie(name) { 
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

2、清除所有cookie

function clearAllCookies() { 
  var cookies = document.cookie.split(";");
  for (var i = 0; i < cookies.length; i++)
    document.cookie = cookies[i].split('=')[0] + '=; expires=Thu, 01-Jan-70 00:00:01 GMT;';
}

二、前端清除cookies

在JavaScript中，我们可以使用document.cookie属性访问写入cookie。但是，我们将无法从该对象中删除cookie。

以下是删除cookies的方法:

document.cookie = 'cookieName=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';

三、前端清除cookie如何做

1、通过设置cookie的“过期时间”来使cookie自动失效。

document.cookie = 'cookieName=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';

2、使用第三方库或插件清除cookie：

/**    * 删除对应的Cookie    * @param name cookie名    * @param domain cookie域名    * @param path cookie路径    */ 
var delCookie = function(name, domain, path) {     var value = this.getCookie(name);
    if (value != null) {         document.cookie = name + '=' + '; expires=' + new Date(0).toUTCString() + (domain ? ('; domain=' + domain) : '') + (path ? ('; path=' + path) : '');     } }; 

四、前端清除cookie清不掉

有时候我们清除cookie后还是会出现未被清除的情况，可以试试以下方法：

1、在chrome浏览器的开发者工具中选择网络（Network）选项卡，点击清除浏览数据。

2、重新加载您的网页，并确保您已清除所有cookie。

3、清除所有浏览器cache。

五、前端清除定时器

1、使用clearInterval来清除单个定时器。

var timer = setInterval(function(){console.log("Hello World")},1000);clearInterval(timer);

2、使用clearInterval来清除所有定时器

var interval_id = window.setInterval("", 9999);for (var i = 1; i < interval_id; i++)    window.clearInterval(i); 

六、前端清除缓存的方法

1、在文件的URL请求中添加随机参数

<script type="text/javascript" src="your_script.js?v=123456"></script>

2、页面META头中添加no-cache信息

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

七、前端清除浏览器缓存

1、在文件的URL请求中添加随机参数

<script type="text/javascript" src="your_script.js?v=123456"></script>

2、页面META头中添加no-cache信息

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

八、前端清除浮动的方法

为了使浮动（float）的元素的父元素可以“闭合”并且正常显示，可以采用以下方法：

1、在浮动元素的下方添加一个“空元素”，并为其设置clear属性。

.clearfix { 
    overflow: auto; 
    zoom: 1; }   
.floatElement{ 
    float: left; 
    margin-right: 15px; }   
<div class="clearfix"> 
    <div class="floatElement">1</div> 
    <div class="floatElement">2</div> 
    <div class="floatElement">3</div> 
    <div class="clear"></div> </div> 

2、父元素添加overflow:hidden

.parent{ 
    overflow:hidden; }   
.floatElement{ 
    float: left; 
    margin-right: 15px; }   
<div class="parent"> 
    <div class="floatElement">1</div> 
    <div class="floatElement">2</div> 
    <div class="floatElement">3</div> </div>