js操作cookie简单封装

Posted 尔夫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js操作cookie简单封装相关的知识,希望对你有一定的参考价值。

关于cookie就不做多解释了,直接上代码吧,包括:设置cookie、删除cookie、获取cookie

随便带个说明 :

* HTTP Cookie:存储会话信息

* 名称和值传送时必须是经过RUL编码的

* cookie绑定在指定的域名下,非本域无法共享cookie,但是可以是在主站共享cookie给子站

* cookie有一些限制:比如IE6 & IE6- 限定在20个;IE7 50个;Opear 30个...所以一般会根据【必须】需求才设定cookie

* cookie的名称不分大小写;同时建议将cookie URL编码;路径是区分cookie在不同情况下传递的好方式;带安全标志cookie

* 在SSL情况下发送到服务器端,http则不会。建议针对cookie设置expires、domain、 path;每个cookie小于4KB

  1. //设置cookie  
  2. function setCookie(name, value, day) {  
  3.     var oDate = new Date();  
  4.     oDate.setDate(oDate.getDate() + day);  
  5.     document.cookie = name + ‘=‘ + value + ‘;expires=‘ + oDate;  
  6. }  
  7. //删除cookie  
  8. function delCookie(name) {  
  9.     setCookie(name, 1, -1);  
  10. }  
  11.   
  12. //获取cookie  
  13. function getCookie(name) {  
  14.     var arr = document.cookie.split(‘; ‘);  
  15.     for(var i = 0; i < arr.length; i++) {  
  16.         var arrName = arr[i].split(‘=‘);  
  17.         if(arrName[0] == name) {  
  18.             return arrName[1];  
  19.         }  
  20.     }  
  21.     return ‘‘;  
  22. }  

以上是关于js操作cookie简单封装的主要内容,如果未能解决你的问题,请参考以下文章

cookie操作简单封装

使用vue-cookies操作cookie

Js操作cookie的代码 要求:js对cookie设置,添加,删除 js代码简单点 ··偶JS不太好

cookie操作

js : json和 cookie 的简单操作

js 封装一个简单的异步API,获取异步操作结果和过程解析