Previous chapter (JavaScript advanced - Browser objects)Next chapter (JavaScript advanced - Validation)

Delete JavaScript Cookie

Enables you to remove a client cookie with JavaScript. We remove the cookie by setting the expiration date for the cookie back in time.

Other examples in Cookies (JavaScript advanced)

Result from the Online TryIt-Editor

<!doctype html>
<html>
<head>
    <title>HtmlNest.com live html example</title>
    <script type="text/javascript">
        function getCookie(name) {
            var i, x, y, cookies = document.cookie.split(";");
            for (i = 0; i < cookies.length; i++) {
                x = cookies[i].substr(0, cookies[i].indexOf("="));
                y = cookies[i].substr(cookies[i].indexOf("=") + 1);
                x = x.replace(/^\s+|\s+$/g, "");
                if (x == name)
                    return unescape(y);
            }
            return null;
        }

function deleteCookie() {
            document.cookie = "username=" + getCookie("username") + ";expires=01/01/2001 00:00:00";
        }

function checkCookie() {
            var username = getCookie("username");
            if (username != null && username != "") {
                document.write("<h1>You have a cookie!</h1>");
            }
            else {
                document.write("<h3>You don't have a cookie. Please run 'Create JavaScript Cookie' first!</h3>");

}
        }
    </script>
</head>
<body onload="checkCookie()">
    <p>
        <a href="javascript:deleteCookie();">Delete my javascript cookie </a>
    </p>
</body>
</html>

^1.0

^1.0

^1.0

^3.0

^4.0

Delete JavaScript Cookie

Useful Information