原生js实现对cookie的增删改查
2018-03-20 17:59
841 查看
在某些场景中,我们需要对cookie进行一些操作,但是却又并不希望对cookie的操作进行封装的时候,就可以使用原生js对其进行一些操作。
一、设置cookie
1、每个cookie都是一个键/值对,键/值对用等号连接,并将该键/值对赋值给document.cookie即可。如:document.cookie="_uid=111";
2、如果是通过变量来保存值,则可以通过document.cookie="_uid="+uid;来设置
二、读取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();
}
}
一、设置cookie
1、每个cookie都是一个键/值对,键/值对用等号连接,并将该键/值对赋值给document.cookie即可。如:document.cookie="_uid=111";
2、如果是通过变量来保存值,则可以通过document.cookie="_uid="+uid;来设置
二、读取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();
}
}
相关文章推荐
- js中实现cookie的增删改查(document.cookie的使用详情)
- js中实现cookie的增删改查(document.cookie的使用详情)
- 原生js+cookie实现购物车功能的方法分析
- 纯原生js实现table表格的增删
- js中实现cookie的增删改查(document.cookie的使用详情)
- 原生JS实现分页效果2.0(新增了上一页和下一页,添加当前元素样式)
- 原生js实现检测对象变化
- 一个用原生js实现的小游戏---FlappyBird
- 原生js实现AJAX(三)
- 原生js实现下拉到底事件(2)-解决为什么ie下的onscroll事件轮滚过快就执行了2次呢?
- JS原生方法实现jQuery的ready()
- JS开发通过设置cookie实现第一次进入首页展示弹窗广告,再次进入隐藏广告
- 图片轮播(左右切换)--JS原生和jQuery实现
- 原生JS和jQuery版实现文件上传功能
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
- js实现轮播图效果(附源码)--原生js的应用
- 原生js实现自定义事件
- 原生js实现简洁的返回顶部组件
- JS原生效果瀑布流布局的实现(一)
- 原生js实现轮播图