JavaScript Cookies

Cookies are small text files that can be used in JavaScript to store data on a user's machine. Cookies are often used to track user activity, remember user preferences, and maintain user sessions.

The document.cookie property, which provides a string list of all the cookies currently placed on the user's computer, can be used to generate cookies in JavaScript. By passing a string to the document.cookie variable, you can create a new cookie.

Example

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Set Cookies</h1>
<form name="form" action="">
    Enter name: <input type="text" name="user"/>
    <input type="button" value="Set Cookie" onclick="setCookie();"/>
</form>

<script>
    function setCookie() {
        if( document.form.user.value == "" ) {
            alert("Enter Name:");
            return;
        }
        cookievalue = escape(document.form.user.value) + ";";
        document.cookie = "name=" + cookievalue;
        document.write ("Setting Cookies : " + "name=" + cookievalue );
    }
</script>

</body>
</html>

Preview

Here's what each part of this string means:

Name: The name of the cookie.
Value: The value of the cookie.
Expires: The expiration date of the cookie (in GMT format). If omitted, the cookie will expire at the end of the user's session.
Path: The path on the server where the cookie is valid. If omitted, the cookie will be valid for the entire domain.
Domain: The domain where the cookie is valid. If omitted, the cookie will only be valid for the current domain.
Secure: Indicates whether the cookie should be sent over HTTPS only. If omitted, the cookie will be sent over both HTTP and HTTPS.

You can parse the page to get the value of the cookie. Cookie string using custom parsing method or regular expression.

Be aware that cookies have many restrictions and security issues. For example, bad actors can easily replace or steal cookies, thus some users choose to disable them or delete them regularly. As a result, it is important to use cookies sparingly and to consider other options for handling sensitive information or user tracking.

JS Timing

JS by Alphabet

JavaScript Cookies

Example

Links

Tutorials

Connect with us