最近在做项目遇到一个需求,要求前端页面一天显示两次,在这里用到cookie,所以和大家一起分享;
首先引入<script src="jquery.cookie.js"></script>
关于cookie操作:
1.cookie 结构:cookie是以键值对的形式保存的,即key=value的格式。
各个cookie之间一般是以";" 分隔。
2.设置cookie名称
假设在A页面中要保存变量username的值("jack")到cookie中,key值为name,则相应的JS代码为:
document.cookie="name="+username;
3.JS获取cookie:
function getCookie(objName){//获取指定名称的cookie的值
var arrStr = document.cookie.split("; ");
for(var i = 0;i < arrStr.length;i ++){
var temp = arrStr[i].split("=");
if(temp[0] == objName) return unescape(temp[1]);
}
}
4.设置cookie(含值):
function addCookie(objName,objValue,objHours){//添加cookie
var str = objName + "=" + escape(objValue);
if(objHours > 0){//为0时不设定过期时间,浏览器关闭时cookie自动消失
var date = new Date();
var ms =24*60*60*1000; //自己设置cookie时间
date.setTime(date.getTime() + ms); //注意为毫秒值
str += "; expires=" + date.toGMTString();
}
document.cookie = str;
}