Deleting Cookie in JavaScript

JavaScript provides a way to delete cookies by setting their expiration date in the past. When a cookie’s expiration date is in the past, the browser automatically removes it. Developers use the document.cookie property to delete cookies, ensuring a clean and secure user experience.

Example: To demonstrate deleting a cookie in JavaScript using

Javascript




document.cookie =
    "courseName=WebDevelopmentBootcamp;
        expires=Thu, 5 March 2030 12:00:00 UTC; path=/";
 
function deleteCookie(cookieName) {
    document.cookie =
        `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
}
 
deleteCookie('courseName');


Output:

Course Name: WebDevelopmentBootcamp
Cookie 'courseName' deleted.


JavaScript Cookies

JavaScript cookies are small data stored on a user’s device by a web browser. These cookies play a crucial role in web development, enabling websites to store and retrieve information about user preferences, session states, and other data. Cookies facilitate a more personalized browsing experience by allowing websites to remember user actions and preferences. They are widely used for user authentication, tracking, and maintaining session states.

Table of Content

  • Creating Cookie in JavaScript
  • Reading Cookie in JavaScript
  • Changing Cookie in JavaScript
  • Deleting Cookie in JavaScript

Similar Reads

Creating Cookie in JavaScript

Cookies are created by a web server and sent to the user’s browser as part of the HTTP response headers....

Reading Cookie in JavaScript

...

Changing Cookie in JavaScript

JavaScript allows developers to read cookies using the document.cookie property, which stores all cookies as a string. To extract specific values, developers often create functions that parse this string. Security considerations, like proper decoding and HttpOnly attributes, are crucial....

Deleting Cookie in JavaScript

...