首页 > 文章 > 后端开发 > js中怎么使用 cookie 设置查看与删除功能实例代码

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

怪我咯原创: 2017-07-10 11:22:331379浏览

这篇文章主要介绍了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实现记住用户名和密码实例代码下一篇：js中cookie的添加、取值、删除实例代码

查看更多