这篇文章主要介绍了javascript 中cookie读、写与删除操作的相关资料,需要的朋友可以参考下
javascript 中Cookie读、写与删除操作
前言：
在这个前端横行的时候，页面之间的交互需要数据的传递，有的数据通过url传参的形式可以很好地解决，但是对于部分需要改变的参数，你如说从页面A到页面B选择数据，然后从页面B将数据再传到页面A（典型的栗子就是收货地址的选择），针对这一块我是通过存储cookie来解决的。
对于cookie的操作我给出了一些简单的封装，当然也借鉴了前辈们经验，自己糅合了一下，对于cookie的操作，无非是读写和删除，我们首先来看一下写的操作，有写才有读，进而进行删除等操作。
立即学习“Java免费学习笔记（深入）”；
/** * 设置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 是否安全 *//**原页面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读、写与删除操作（图文教程）的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546206.html
微信扫一扫 
支付宝扫一扫 
