js cookie的操作
阿新 • • 發佈:2019-02-04
最近在做專案遇到一個需求,要求前端頁面一天顯示兩次,在這裡用到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; }