欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

js中怎么使用 cookie 设置查看与删除功能实例代码

程序员文章站 2022-05-22 18:45:53
...
这篇文章主要介绍了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+'='+value+';expires='+oDate;
} //黄色的等号其实是添加不是赋值的意思. 重复添加不会覆盖
//设置需要有过期的概念, 不设置会即时过期.
function getCookie(name)
{
 var arr=document.cookie.split('; ');
 for(var i=0;i<arr.length;i++)
 {
  var arr2=arr[i].split('='); 
//cookie的存储形式是 user= zhangsan, =是:的意思,split'=' 切割cookie完成查找功能
  if(arr2[0]==name)
  {
   return arr2[1];
  }
 }
 return '';
}
function removeCookie(name)
{
 setCookie(name, 1, -1); //设置过期为-1天, 就是删除了cookies, 实际上0也可以.
}
removeCookie('password');
alert(document.cookie);
</script>
</head>
<body>
</body>
</html>

记住用户名

js中怎么使用 cookie 设置查看与删除功能实例代码

有时候需要删除网站的cookies,一个一个太麻烦,这个可以批量的删除所有的cookies,需要的朋友可以参考下。

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

以上就是js中怎么使用 cookie 设置查看与删除功能实例代码的详细内容,更多请关注其它相关文章!