Home >Web Front-end >JS Tutorial >How Can I Create and Read Cookies Using JavaScript?

How Can I Create and Read Cookies Using JavaScript?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-20 16:55:10307browse

How Can I Create and Read Cookies Using JavaScript?

Creating and Reading Cookie Values in JavaScript

How can you manipulate cookies in JavaScript? To answer this question, let's delve into the provided functions:

Creating a Cookie

To set a cookie, utilize the createCookie function:

function createCookie(name, value, days) {
    var expires;
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    else {
        expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}
  • name: The name of the cookie.
  • value: The value to be stored in the cookie.
  • days: The number of days the cookie will remain valid (optional).

Reading a Cookie

To retrieve a cookie's value, employ the getCookie function:

function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}
  • c_name: The name of the cookie you want to retrieve.

The above is the detailed content of How Can I Create and Read Cookies Using JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn