1. 程式人生 > >js cookie的操作

js cookie的操作

最近在做專案遇到一個需求,要求前端頁面一天顯示兩次,在這裡用到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;
}