javascript操作cookie的小例子

发布时间:2019-09-05编辑:脚本学堂
本文介绍下,用javascript操作cookie的一些小例子,有需要的朋友可以参考下,希望对大家有所帮助。

在本文分享的javascript教程,大家将学会如何用javascript操作cookie文件,包括 如何设置cookie、如何获取cookie、如何删除cookie值、以及设置cookie过期。

1,js实现设置cookie、获取cookie与删除cookie

//-- Cookies - START ---
function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
        document.cookie = name + "=" + value + expires + "; path=/";
    }
    else {
        document.cookie = name + "=" + value + expires + "; path=/";
    }
}
 
function getCookie(name) {
    var nameWithEqual = name + "=";
    var cookieSplit = document.cookie.split(';');
    for (var i = 0; i < cookieSplit.length; i++) {
        var c = cookieSplit[i];
        while (c.charAt(0) == ' ') {
         c = c.substring(1, c.length);
        }
        if (c.indexOf(nameWithEqual) == 0) return c.substring(nameWithEqual.length, c.length);
    }
    return null;
}
 
function deleteCookie(name) {
    setCookie(name, "", -1);
}
//-- Cookies - END ---

2,如何使用cookies。
在使用cookie前,请检查其值是否为空;否则请先设置cookie值。

if (null != getCookie('cart')) {
    getCookie('cart')
}
else {
    setCookie('cart', 'camera');
}

结果:
r2_1.png
r2_2.png

3,Cookie expiration(cookie 过期):

// 例1,一天后过期:  
setCookie('myCookie', 'myValue', 1);
 
// 例2,一小时后过期: 
setCookie('Hover_Search', 'Close', 0.016);
 
// 例3,会话结束:  
setCookie('myCookie', 'myValue');