javascript實(shí)現(xiàn)設(shè)置、獲取和刪除Cookie的方法
本文實(shí)例講述了javascript實(shí)現(xiàn)設(shè)置、獲取和刪除Cookie的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
/*
*設(shè)置Cookie
*
* name:cookie所對(duì)應(yīng)的鍵
* value:cookie所對(duì)應(yīng)的值
* expires:cookie所對(duì)應(yīng)的有效時(shí)間
* path:指定可訪問(wèn)cookie的路徑
* domain:指定可訪問(wèn)cookie的主機(jī)名
* secure:安全性
*/
function setCookie (name,value,expires,path,domain,secure) {
//cookie鍵值對(duì)
var str = name + "=" + escape(value);
//設(shè)置cookie的有效期,以小時(shí)為單位
if(expires > 0){
var date = new Date();
var ms = expires * 3600 * 1000;
date.setTime(date.getTime() + ms);
str += "; expires=" + date.toGMTString();
}
if(path){
str += "; path=" + path;
}
if(domain){
str += "; domain=" + domain;
}
if(secure){
str += "; secure";
}
document.cookie = str;
}
/*
*獲得Cookie
*
*cookie_name:cookie的鍵
*/
function getCookie(cookie_name)
{
var value = null;
var allcookies = document.cookie;
var cookie_pos = allcookies.indexOf(cookie_name);
// 如果找到了索引,就代表cookie存在,
// 反之,就說(shuō)明不存在。
if (cookie_pos != -1)
{
// 把cookie_pos放在值的開(kāi)始,只要給值加1即可。
cookie_pos += cookie_name.length + 1;
var cookie_end = allcookies.indexOf(";", cookie_pos);
if (cookie_end == -1)
{
cookie_end = allcookies.length;
}
value = unescape(allcookies.substring(cookie_pos, cookie_end));
}
return value;
}
/*
*刪除Cookie
*
*cookie_name:cookie的鍵
*/
function delCookie(cookie_name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var value = getCookie(cookie_name);
if(value){
document.cookie= cookie_name + "=" + value + ";expires=" + exp.toGMTString();
}
}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- jquery.cookie.js用法實(shí)例詳解
- js使用cookie記錄用戶名的方法
- JS封裝cookie操作函數(shù)實(shí)例(設(shè)置、讀取、刪除)
- JavaScript實(shí)現(xiàn)cookie的寫入、讀取、刪除功能
- JS利用cookie記憶當(dāng)前位置的防刷新導(dǎo)航效果
- javascript封裝 Cookie 應(yīng)用接口
- JavaScript對(duì)Cookie進(jìn)行讀寫操作實(shí)例
- 詳談javascript中的cookie
- js+cookies實(shí)現(xiàn)懸浮購(gòu)物車的方法
- js操作cookie保存瀏覽記錄的方法
相關(guān)文章
JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別
這篇文章主要介紹了JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
了不起的11個(gè)JavaScript代碼重構(gòu)最佳實(shí)踐小結(jié)
這篇文章主要介紹了了不起的11個(gè)JavaScript代碼重構(gòu)最佳實(shí)踐小結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
ECMAScript6塊級(jí)作用域及新變量聲明(let)
這篇文章主要介紹了ECMAScript6塊級(jí)作用域及新變量聲明(let) 的相關(guān)資料,需要的朋友可以參考下2015-06-06
JS執(zhí)行控制之節(jié)流模式實(shí)例分析
這篇文章主要介紹了JS執(zhí)行控制之節(jié)流模式,結(jié)合實(shí)例形式分析了節(jié)流模式的功能、原理及相關(guān)使用方法,需要的朋友可以參考下2018-12-12
JavaScript中日期函數(shù)的相關(guān)操作知識(shí)
日期函數(shù)是我們經(jīng)常用到的知識(shí)點(diǎn),下面通過(guò)本文給大家介紹JavaScript中日期函數(shù)的相關(guān)操作知識(shí),非常不錯(cuò),感興趣的朋友一起學(xué)習(xí)吧2016-08-08
js使用Canvas將多張圖片合并成一張的實(shí)現(xiàn)代碼
這篇文章主要介紹了js使用Canvas將多張圖片合并成一張的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-04-04
JS+CSS實(shí)現(xiàn)DIV層的展開(kāi)、收縮效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)DIV層的展開(kāi)、收縮效果,以兩個(gè)完整實(shí)例介紹了JS控制DIV層的展開(kāi)、收縮效果,感興趣的小伙伴們可以參考一下2016-01-01
JavaScript中7種位運(yùn)算符在實(shí)戰(zhàn)的妙用
位運(yùn)算是在數(shù)字底層(即表示數(shù)字的 32 個(gè)數(shù)位)進(jìn)行運(yùn)算的,下面這篇文章主要給大家介紹了關(guān)于JavaScript中7種位運(yùn)算符在實(shí)戰(zhàn)的妙用,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06

