继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

js操作cookie

犯罪嫌疑人X
关注TA
已关注
手记 214
粉丝 28
获赞 205

写在前面

在app中嵌入的h5应用,有时需要获取cookie的中的参数,但是通过请求服务端然后返回,确实太麻烦,所以就想通过js直接操作cookie的做法。

JS操作cookie

复制代码

<script>    /*
   设置cookie
   name:键
   value:值
   expire:过期时间    */
   function setCookie(name, value, expire) {        var exp = new Date();
       exp.setTime(exp.getTime() + expire * 24 * 60 * 60 * 1000 * 1);
       document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
   };    //根据键获取cookie
   function getCookie(name) {        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");        if (arr = document.cookie.match(reg))            return unescape(arr[2]);        else
           return null;
   };    //删除cookie
   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();
   };
   console.log('设置cookie');
   setCookie('name', 'wolfy', 2);
   console.log('设置成功');
   console.log('读取cookie');    var result = getCookie('name');
   console.log(result);    //console.log('删除cookie');
   //delCookie('name')</script>

复制代码

测试结果

总结

js操作cookie在h5应用中还是比较常用的。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP