javascript操作Cookie（設(shè)置、讀取、刪除）方法詳解
更新時(shí)間：2015年03月18日 08:57:49 投稿：hebedich
這篇文章主要詳細(xì)向大家介紹了javascript操作Cookie的方法，包括設(shè)置、讀取、刪除操作，十分的細(xì)致全面，附上示例，是篇非常不錯(cuò)的文章，這里推薦給大家。
Cookie是客戶端存放數(shù)據(jù)的一種方式，可用來做狀態(tài)保持。
1.設(shè)置Cookie：
a.無過期時(shí)間：（若不設(shè)置過期時(shí)間，默認(rèn)為會(huì)話級Cookie，瀏覽器關(guān)閉就會(huì)失效）
復(fù)制代碼 代碼如下:
function setCookie(name,value) {
document.cookie = name + '=' + escape(value);
}
b.固定過期時(shí)間：
復(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.自定義過期時(shí)間：
復(fù)制代碼 代碼如下:
//設(shè)置自定義過期時(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();
}
//將字符串時(shí)間轉(zhuǎn)換為毫秒,1秒=1000毫秒
function getMsec(DateStr)
{
var timeNum=str.substring(0,str.length-1)*1; //時(shí)間數(shù)量
var timeStr=str.substring(str.length-1,str.length); //時(shí)間單位前綴，如h表示小時(shí)
if (timeStr=="s") //20s表示20秒
{
return timeNum*1000;
}
else if (timeStr=="h") //12h表示12小時(shí)
{
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動(dòng)態(tài)改變表格單元格內(nèi)容的方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)改變表格單元格內(nèi)容的方法,涉及javascript操作html中table表格的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
以前寫的一個(gè)解析QueryString的JS類，可以獲取或設(shè)置QueryString中的值，記下了方便找 :)2010-01-01
javascript間隔定時(shí)器(延時(shí)定時(shí)器)學(xué)習(xí) 間隔調(diào)用和延時(shí)調(diào)用
這篇文章主要介紹了javascript間隔調(diào)用和延時(shí)調(diào)用示例,介紹setInterval方法和clearInterval方法的使用方法，大家參考使用吧2014-01-01
JS可視化學(xué)習(xí)向量計(jì)算點(diǎn)到線段的距離并展示
這篇文章主要為大家介紹了JS可視化學(xué)習(xí)向量計(jì)算點(diǎn)到線段的距離并展示實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
在盛大某網(wǎng)站注冊的時(shí)候，身份證必填，但我又不想填真實(shí)身份證號碼，于是隨便編了串自認(rèn)為合法的身份證號碼，但是卻馬上被提示號碼錯(cuò)誤2011-05-05
JavaScript中的連續(xù)賦值問題實(shí)例分析
這篇文章主要介紹了JavaScript中的連續(xù)賦值問題,結(jié)合實(shí)例形式分析了javascript賦值語句以及連續(xù)賦值操作相關(guān)用法與操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
這篇文章主要介紹了原生JS實(shí)現(xiàn)的輪播圖功能,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)輪播圖的原理、操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2018-08-08
javascript中幾個(gè)容易混淆的概念總結(jié)
這篇文章主要介紹了javascript中幾個(gè)容易混淆的概念總結(jié)，都是平時(shí)經(jīng)常遇到的問題，這里推薦給大家，有需要的小伙伴參考下吧。2015-04-04
JavaScript該如何學(xué)習(xí) 怎樣輕松學(xué)習(xí)JavaScript
JavaScript該如何學(xué)習(xí)？如何輕松學(xué)習(xí)JavaScript？這篇文章主要介紹了輕松學(xué)習(xí)JavaScript的方法2017-06-06
javascript實(shí)現(xiàn)在網(wǎng)頁任意處點(diǎn)左鍵彈出隱藏菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)在網(wǎng)頁任意處點(diǎn)左鍵彈出隱藏菜單的方法,設(shè)計(jì)鼠標(biāo)事件及css樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05