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

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

怪我咯
發布: 2023-03-13 10:58:01
原創
1414 人瀏覽過

這篇文章主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板