用js讀、寫、刪除Cookie代碼分享及詳細(xì)注釋說(shuō)明
更新時(shí)間:2014年06月05日 09:39:24 作者:
JavaScript是運(yùn)行在客戶端的腳本,因此一般是不能夠設(shè)置Session的,因?yàn)镾ession是運(yùn)行在服務(wù)器端的。而cookie是運(yùn)行在客戶端的,所以可以用JS來(lái)設(shè)置cookie. 下面我們來(lái)分析下案例
復(fù)制代碼 代碼如下:
//已經(jīng)驗(yàn)證過(guò)
// JavaScript Document
//使用說(shuō)明:
//設(shè)置緩存:setCookie("name",value);
//獲取緩存:var name=getCookie("name");
//刪除緩存:delCookie("name");
///設(shè)置cookie
function setCookie(NameOfCookie, value, expiredays)
{
//@參數(shù):三個(gè)變量用來(lái)設(shè)置新的cookie:
//cookie的名稱,存儲(chǔ)的Cookie值,
// 以及Cookie過(guò)期的時(shí)間.
// 這幾行是把天數(shù)轉(zhuǎn)換為合法的日期
var ExpireDate = new Date ();
ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 * 3600 * 1000));
// 下面這行是用來(lái)存儲(chǔ)cookie的,只需簡(jiǎn)單的為"document.cookie"賦值即可.
// 注意日期通過(guò)toGMTstring()函數(shù)被轉(zhuǎn)換成了GMT時(shí)間。
document.cookie = NameOfCookie + "=" + escape(value) + ((expiredays == null) ? "" : "; expires=" + ExpireDate.toGMTString());
}
///獲取cookie值
function getCookie(NameOfCookie)
{
// 首先我們檢查下cookie是否存在.
// 如果不存在則document.cookie的長(zhǎng)度為0
if (document.cookie.length > 0)
{
// 接著我們檢查下cookie的名字是否存在于document.cookie
// 因?yàn)椴恢挂粋€(gè)cookie值存儲(chǔ),所以即使document.cookie的長(zhǎng)度不為0也不能保證我們想要的名字的cookie存在
//所以我們需要這一步看看是否有我們想要的cookie
//如果begin的變量值得到的是-1那么說(shuō)明不存在
begin = document.cookie.indexOf(NameOfCookie+"=");
if (begin != -1)
{
// 說(shuō)明存在我們的cookie.
begin += NameOfCookie.length+1;//cookie值的初始位置
end = document.cookie.indexOf(";", begin);//結(jié)束位置
if (end == -1) end = document.cookie.length;//沒(méi)有;則end為字符串結(jié)束位置
return unescape(document.cookie.substring(begin, end));
}
}
return null;
// cookie不存在返回null
}
///刪除cookie
function delCookie (NameOfCookie)
{
// 該函數(shù)檢查下cookie是否設(shè)置,如果設(shè)置了則將過(guò)期時(shí)間調(diào)到過(guò)去的時(shí)間;
//剩下就交給操作系統(tǒng)適當(dāng)時(shí)間清理cookie啦
if (getCookie(NameOfCookie))
{
document.cookie = NameOfCookie + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}
相關(guān)文章
js實(shí)現(xiàn)form自動(dòng)完成功能
2008-02-02微信小程序如何調(diào)用新聞接口實(shí)現(xiàn)列表循環(huán)
這篇文章主要介紹了微信小程序如何調(diào)用新聞接口實(shí)現(xiàn)列表循環(huán),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07基于JavaScript實(shí)現(xiàn)div層跟隨滾動(dòng)條滑動(dòng)
項(xiàng)目需求是這樣的:在一個(gè)頁(yè)面放2個(gè)懸浮框,懸浮框隨頁(yè)面的上下滾動(dòng)有上下波動(dòng)的效果,最終固定在同一位置,下面通過(guò)本文給大家分享基于JavaScript實(shí)現(xiàn)div層跟隨滾動(dòng)條滑動(dòng)的相關(guān)資料,對(duì)js div跟隨滾動(dòng)條滑動(dòng)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01javascript中BOM基礎(chǔ)知識(shí)總結(jié)
本文主要對(duì)javascript中BOM基礎(chǔ)知識(shí)進(jìn)行總結(jié)。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02javascript利用apply和arguments復(fù)用方法
這篇文章主要介紹了javascript利用apply和arguments復(fù)用方法,有需要的朋友可以參考一下2013-11-11javascript 小數(shù)取整簡(jiǎn)單實(shí)現(xiàn)方式
這篇文章主要介紹了javascript 小數(shù)取整d的簡(jiǎn)單實(shí)現(xiàn)方式,需要的朋友可以參考下2014-05-05