javascript 中Cookie读、写与删除操纵（图文教程）-百分百源码网

javascript 中Cookie读、写与删除操纵（图文教程）

发布时间：09/01 来源：未知浏览：关键词：

这篇文章主要介绍了javascript 中Cookie读、写与删除操纵的相关材料,需要的伴侣可以参照下

javascript 中Cookie读、写与删除操纵

前言：

在这个前端横行的时候，页面之间的交互需要数据的传递，有的数据通过url传参的情势可以很好地解决，但是关于部分需要改动的参数，你如说从页面A到页面B选中数据，然后从页面B将数据再传到页面A（典型的栗子就是收货地址的选中），针对这一块我是通过储备cookie来解决的。

关于cookie的操纵我给出了一些简便的封装，当然也借鉴了前辈们经历，本人糅合了一下，关于cookie的操纵，无非是读写和删除，我们第一来看一下写的操纵，有写才有读，进而停止删除等操纵。

/**
 * 设定COOKIE
 * @param name 设定cookie的属性名
 * @param value 设定cookie的属性值
 * @param time  设定cookie的时间
 */

function setCookie(name, value , time) {
  time = time ? parseFloat(time) : 0 ;
  var exp = new Date();
  exp.setTime(exp.getTime() + time);
  // escape 这种编码方式过时了 改用 encodeURIComponent
  // document.cookie = name + "=" + escape(value) + ";expires=" + (time ? exp.toGMTString() : 'session');
  document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + (time ? exp.toGMTString() : 'session');
}

我们有了写的操纵了，那么我们再来看看关于读的操纵。

/**
 * 猎取cookie
 * @param name
 * @returns {null}
 */

function getCookie(name) {
  var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
  if (arr = document.cookie.match(reg))
    //unescape这种解码方式仿佛过时了，可以采纳decodeURIComponent解码方式
    //return unescape(arr[2]);
     return decodeURIComponent(arr[2]);
  else
    return null;
}

接下就是对cookie的删除操纵了，其实这个操纵很简便，就是将cookie设定过期，cookie就主动失效了

/**
 * 删除cookie
 * @param name
 */

function delCookie(name) {
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval = getCookie(name);
  if (cval != null)
    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}

以上就是对cookie的一些简便操纵

接下来我们来谈一点cookie的深层次的问题：cookie的跨域

 Js跨域同步cookie如何实现
    document.cookie = "name=" + "value;" + "expires=" + "datatime;" + "domain=" + "" + "path=" + "/path" + "; secure";

/**
 * 删除cookie
 * value Cookie值
 * expires 有效期截至(单位毫秒)
 * path 子名目
 * domain 有效域
 * secure 可否平安
 */

<iframe src='http://网站:1234/test/Index' width='100' height='100' style="display:none"></iframe>

/*
*原页面js里 window.location = "http://别的一个网站:1234/GetCookie/Index?" + document.cookie;跳到别的一个站，别的一个站猎取cookie，设定cookie
*/

 var url = window.location.toString();//猎取地址
 var get = url.substring(url.indexOf("liuph"));//猎取变量和变量值
 var idx = get.indexOf("=");//猎取变量名长度
 if (idx != -1) {
    var name = get.substring(0, idx);//猎取变量名
    var val = get.substring(idx + 1);//猎取变量值
    setCookie(name, val, 1);//创立Cookie
  }

上面是我整理给大家的，但愿今后会对大家有帮忙。

Node.js+Koa实现JWT会员认证步骤详解

jQuery.i18n.properties怎样实现js国际化标准

动态加载JS文件三种方式总结

以上就是javascript 中Cookie读、写与删除操纵（图文教程）的具体内容，更多请关注百分百源码网其它相关文章！

打赏