javascript操作Cookie（設(shè)置、讀取、刪除）方法詳解
更新時間：2015年03月18日 08:57:49 投稿：hebedich
這篇文章主要詳細向大家介紹了javascript操作Cookie的方法，包括設(shè)置、讀取、刪除操作，十分的細致全面，附上示例，是篇非常不錯的文章，這里推薦給大家。
Cookie是客戶端存放數(shù)據(jù)的一種方式，可用來做狀態(tài)保持。
1.設(shè)置Cookie：
a.無過期時間：（若不設(shè)置過期時間，默認為會話級Cookie，瀏覽器關(guān)閉就會失效）
復(fù)制代碼 代碼如下:
function setCookie(name,value) {
document.cookie = name + '=' + escape(value);
}
b.固定過期時間：
復(fù)制代碼 代碼如下:
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
c.自定義過期時間：
復(fù)制代碼 代碼如下:
//設(shè)置自定義過期時間cookie
function setCookie(name,value,time)
{
var msec = getMsec(time); //獲取毫秒
var exp = new Date();
exp.setTime(exp.getTime() + msec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//將字符串時間轉(zhuǎn)換為毫秒,1秒=1000毫秒
function getMsec(DateStr)
{
var timeNum=str.substring(0,str.length-1)*1; //時間數(shù)量
var timeStr=str.substring(str.length-1,str.length); //時間單位前綴，如h表示小時
if (timeStr=="s") //20s表示20秒
{
return timeNum*1000;
}
else if (timeStr=="h") //12h表示12小時
{
return timeNum*60*60*1000;
}
else if (timeStr=="d")
{
return timeNum*24*60*60*1000; //30d表示30天
}
}
2.讀取Cookie：
復(fù)制代碼 代碼如下:
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); //正則匹配
if(arr=document.cookie.match(reg)){
return unescape(arr[2]);
}
else{
return null;
}
}
3.刪除Cookie：
復(fù)制代碼 代碼如下:
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();
}
}
4.調(diào)用示例：
復(fù)制代碼 代碼如下:
setCookie("name","hayden");
alert(getCookie("name"));
以上就是本文關(guān)于javascript操作cookie的全部內(nèi)容了，希望能夠?qū)Υ蠹覍W(xué)習(xí)javascript有所幫助。
相關(guān)文章
javascript閉包傳參和事件的循環(huán)綁定示例探討
按常理循環(huán)綁定事件，但是得到的結(jié)果卻不是想要的，下面有個不錯的示例，可以為大家詳細分解下2014-04-04
JavaScript中的JSON轉(zhuǎn)為Python可讀取
本文主要介紹了JavaScript中的JSON轉(zhuǎn)為Python可讀取，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
JS函數(shù)報錯Uncaught ReferenceError: XX is not
這篇文章主要介紹了JS函數(shù)報錯Uncaught ReferenceError: XX is not defined問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
JavaScript 節(jié)流函數(shù) Throttle 詳解
這篇文章主要為大家詳細介紹了JavaScript 節(jié)流函數(shù) Throttle，感興趣的小伙伴們可以參考一下2016-07-07
本文主要介紹了面試常見的js算法題。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
在Javascript操作JSON對象，增加 刪除 修改的簡單實現(xiàn)
下面小編就為大家?guī)硪黄贘avascript操作JSON對象，增加 刪除 修改的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
PHP函數(shù)庫提供了編/解碼JSON的函數(shù)：json_encode()和json_decode()，可以比較方便的傳遞數(shù)組或?qū)ο蠼ojavascript2014-03-03
Chrome插件開發(fā)系列一：彈窗終結(jié)者開發(fā)實戰(zhàn)
從這一節(jié)開始，我們將從零開始打造我們的chrome插件工具庫，第一節(jié)我們將講一下插件開發(fā)的基礎(chǔ)知識并構(gòu)建一個簡單但卻很實用的插件，在構(gòu)建之前，我們先簡單的了解一下插件以及插件開發(fā)的基礎(chǔ)知識2020-10-10
又是一年新春之際，祝福大家兔年快樂！給大家介紹一個有趣的動效（兼容?IE），頁面右下角有一只搞怪的兔子，鼠標(biāo)在頁面中懸停時，兔子會跟著做出不同的動作和表情，感興趣的小伙伴可以了解一下2023-01-01
這篇文章主要介紹了JS仿Base.js實現(xiàn)的繼承,結(jié)合具體實例形式分析了javascript擴展操作及面向?qū)ο蟪绦蛟O(shè)計相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04