javascript 中Cookie读、写与删除操作
程序员文章站
2022-08-28 08:46:41
javascript 中cookie读、写与删除操作
前言:
在这个前端横行的时候,页面之间的交互需要数据的传递,有的数据通过url传参的形式可以很好地解决...
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 }
以上就是今天对cookie的解读。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
推荐阅读
-
JS实现Cookie读、写、删除操作工具类示例
-
javascript 中Cookie读、写与删除操作
-
C# XML操作 代码大全(读XML,写XML,更新,删除节点,与dataset结合等)第1/2页
-
JS实现Cookie读、写、删除操作工具类示例
-
javascript 中Cookie读、写与删除操作实例详解
-
javascript 中Cookie读、写与删除操作
-
用js读、写、删除Cookie代码分享及详细注释说明_javascript技巧
-
javascript 中Cookie读、写与删除操作实例详解
-
用js读、写、删除Cookie代码续篇_javascript技巧
-
javascript 中Cookie读、写与删除操作(图文教程)