Delete cookie by name?

by

You should define the path on which the cookie exists to ensure that you are deleting the correct cookie.

function set_cookie(name, value) {
  document.cookie = name +'='+ value +'; Path=/;';
}
function delete_cookie(name) {
  document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

If you don’t specify the path, the browser will set a cookie relative to the page you are currently on, so if you delete the cookie while on a different page, the other cookie continues its existence.

Edit based on @Evan Morrison’s comment.
Be aware that in some cases to identify the correct cookie, the Domain parameter is required.
Usually it’s defined as Domain=.yourdomain.com.
Placing a dot in front of your domain name means that this cookie may exist on any sub-domain (www also counts as sub-domain).

Also, as mentioned in @RobertT’s answer, HttpOnly cookies cannot be deleted with JavaScript on the client side.

More Related Contents:

  1. How do I create and read a value from cookie?
  2. Set cookie and get cookie with JavaScript [duplicate]
  3. Chrome doesn’t delete session cookies
  4. Make Axios send cookies in its requests automatically
  5. Set a cookie to HttpOnly via Javascript
  6. Get and Set a Single Cookie with Node.js HTTP Server
  7. How to read a HttpOnly cookie using JavaScript
  8. firebase cloud function won’t store cookie named other than “__session”
  9. What is the “best” way to get and set a single cookie value using JavaScript
  10. Display A Popup Only Once Per User
  11. Where to save a JWT in a browser-based application and how to use it
  12. What are the current cookie limits in modern browsers?
  13. Can jQuery read/write cookies to a browser?
  14. Cross domain POST request is not sending cookie Ajax Jquery
  15. Reading cookie expiration date
  16. Creating a JavaScript cookie on a domain and reading it across sub domains
  17. How can I delete all cookies with JavaScript? [duplicate]
  18. Can’t access cookies from document.cookie in JS, but browser shows cookies exist
  19. Do I have to store tokens in cookies or localstorage or session?
  20. How to set expiration date for cookie in AngularJS
  21. Get and store cookie (from Set-Cookie) from an AJAX POST response
  22. How do sessions work in Express.js with Node.js?
  23. I want to store Javascript array as a Cookie
  24. Stop people having my website loaded on multiple tabs
  25. Is there a setting on Google Analytics to suppress use of cookies for users who have not yet given consent
  26. Check if httponly cookie exists in Javascript
  27. Cannot set cookies in Javascript
  28. How to get cookie expiration date / creation date from javascript? [duplicate]
  29. Setting Cookies using JavaScript in a local html file
  30. Getting setting cookies on different domains, with JavaScript or other

Leave a Comment