首頁 > 文章 > 後端開發 > js中怎麼使用 cookie 設定查看與刪除功能實例程式碼

js中怎麼使用 cookie 設定查看與刪除功能實例程式碼

怪我咯原創: 2017-07-10 11:22:331382瀏覽

這篇文章主要介紹了JavaScrpt中使用cookie 設定查看與刪除功能的方法，文中透過實例程式碼介紹了js cookie常用的3個預設函數函式庫,需要的朋友可以參考下

JS cookie 常用的3個預設函式(函式庫)

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function setCookie(name, value, iDay) //iday是多少天后过期
{
 var oDate=new Date();
 oDate.setDate(oDate.getDate()+iDay);
 document.cookie=name+&#39;=&#39;+value+&#39;;expires=&#39;+oDate;
} //黄色的等号其实是添加不是赋值的意思. 重复添加不会覆盖
//设置需要有过期的概念, 不设置会即时过期.
function getCookie(name)
{
 var arr=document.cookie.split(&#39;; &#39;);
 for(var i=0;i<arr.length;i++)
 {
  var arr2=arr[i].split(&#39;=&#39;); 
//cookie的存储形式是 user= zhangsan, =是:的意思,split&#39;=&#39; 切割cookie完成查找功能
  if(arr2[0]==name)
  {
   return arr2[1];
  }
 }
 return &#39;&#39;;
}
function removeCookie(name)
{
 setCookie(name, 1, -1); //设置过期为-1天, 就是删除了cookies, 实际上0也可以.
}
removeCookie(&#39;password&#39;);
alert(document.cookie);
</script>
</head>
<body>
</body>
</html>

來記住使用者名稱

有時候需要刪除網站的cookies，一個一個太麻煩，這個可以批量的刪除所有的cookies，需要的朋友可以參考下。

function clearCookie(){ 
var keys=document.cookie.match(/[^ =;]+(?=\=)/g); 
if (keys) { 
for (var i = keys.length; i--;) 
document.cookie=keys[i]+&#39;=0;expires=&#39; + new Date( 0).toUTCString() 
} 
}

以上是js中怎麼使用 cookie 設定查看與刪除功能實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：php使用cookie實作記住使用者名稱和密碼實例代碼下一篇：php使用cookie實作記住使用者名稱和密碼實例代碼

看更多