Cookie 基本操作

news/2024/7/24 7:24:25

 

 

Cookie 基本操作

 

对于 Cookie 得常用操作有,存取,读取,以及设置有效期;具体可以参照 JavaScript 操作 Cookie 一文;但,近期在前端编码方面,皆以Vue为冲锋利器,所以就有用到一款插件 vue-cookie,其代码仅30行,堪称精妙,读取操作如下:

set: function (name, value, days) {

    var d = new Date;

    d.setTime(d.getTime() + 24*60*60*1000*days);

    window.document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();

},

get: function (name) {

    var v = window.document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');

    return v ? v[2] : null;

},

delete: function (name) {

    this.set(name, '', -1);

}

 


http://www.niftyadmin.cn/n/1816705.html

相关文章

IBatisNet配置

结合上面示例中的IbatisNet配置文件&#xff0c;下面对配置文件中各节点的说明&#xff1a; <?xml version"1.0" encoding"utf-8"?><sqlMapConfig xmlns"http://ibatis.apache.org/dataMapper" xmlns:xsihttp://www.w3.org/2001/XMLS…

Vue 编程式路由导航

文章目录router- link的replace属性编程式路由导航缓存路由组件两个新的生命钩子router- link的replace属性 1.作用&#xff1a;控制路由跳转时操作浏览器历史记录的模式 2.浏览器的历史记录有两种写入方式&#xff1a;分别为push和replace&#xff0c;push是追加历史记录&…

嘿嘿,看看你属于哪个阶段的程序员? (转)

国外开发者博客中有一篇有趣的文章&#xff0c;将程序员按水平像软件版本号那样划分为不同的版本。相对于在招聘时分为初级&#xff0c;中级&#xff0c;高级程序员&#xff0c;直接表明 需要某种语言N版本的程序员或许更方便直接。根据作者的观点&#xff0c;可将WEB开发者大致…

[导入]GEF中导视图的使用

作者: liugang594 链接&#xff1a;http://liugang594.javaeye.com/blog/213545 发表时间: 2008年07月10日 声明&#xff1a;本文系JavaEye网站发布的原创博客文章&#xff0c;未经作者书面许可&#xff0c;严禁任何网站转载本文&#xff0c;否则必将追究法律责任&#xff01…

JavaScript调节透明度

动态改变照片的透明度 <img id"imgInfo" src"Images/Train.jpg" style"filter: alpha(opacity50)"/> <input id"Button1" type"button" value"透明度" οnclick"rdl_change(1)" /> …

HTML5上传图片预览

笔记一下&#xff01;&#xff01;&#xff01; <!DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> <meta http-equiv"Content-Type" content"text/html; charsetUTF-8"> <script src"http://…

Vue Element-UI使用

文章目录UI组件库介绍Element UI 使用UI组件库介绍 移动端常用UI组件库 VantCube UlMint UI PC端常用U组件库 Element UllView Ul Element UI 使用 全部引入 我们下面来演示一下 Element UI 的使用&#xff0c;它的 开发指南&#xff0c;根据步骤来做就可以了&#xff0c…

html5页面头部

<base href"/bulid/"/><meta charset"UTF-8"/><meta http-equiv"X-UA-Compatible" content"IEedge,chrome1"/> <!-- 尺寸的设置以及页面是否允许缩放 --> <meta name"viewport" content"wi…