document.cookie reads and writes cookies

The cookie property allows you to read, add to, and update the cookies associated with the document.

 
<!DOCTYPE HTML> 
<html> 
    <head> 
        <title>Example</title> 
    </head> 
    <body> 
        <script> 
            var cookieCount = 0; 
            //read Cookies
            document.writeln(document.cookie); 
            //create Cookie
            cookieCount++; 
            document.cookie = "Cookie_" + cookieCount + "=Value_" + cookieCount; 
            //read Cookies
            document.writeln(document.cookie); 

            //update Cookie
            document.cookie = "Cookie_" + cookieCount + "=Updated_" + cookieCount; 
            //read Cookies
            document.writeln(document.cookie); 
        </script> 
    </body> 
</html>
Click to view the demo

The additional fields that can be added to a cookie

AdditionDescription
path=<path> cookie path; default to the path of the current document if not specified.
domain=<domain> cookie domain; defaults to the domain of the current document if not specified.
max-age=<seconds> the life of the cookie in terms of the number of seconds.
expires=<date> Sets the life of the cookie using a GMT-format date.
secureThe cookie will be sent only over a secure (HTTPS) connection.

Each of these additional items is prepended to the name/value pair and separated with a semicolon:


document.cookie = "MyCookie=MyValue;max-age=10";
Home 
  JavaScript Book 
    DOM  

Document:
  1. The Document Object
  2. document.body returns the body element as HTMLBodyElement
  3. document.characterSet returns document character set encoding
  4. document.charset gets or sets the document character set encoding
  5. document.compatMode
  6. document.cookie reads and writes cookies
  7. document.defaultCharset gets the default character encoding
  8. document.defaultView
  9. document.getElementsByTagName( tagName )
  10. document.getElementsByClassName ( className )
  11. document.getElementsByName ( nameOfNameAttribute )
  12. document.images gets all the img elements and returns HTMLCollection storing all images
  13. document.lastModified returns the last modified time of the document
  14. document.location returns the URL of the current document as Location class
  15. document.implementation property has information about the implementation of the DOM features
  16. document.querySelectorAll gets all of the elements that match the specified CSS selector
  17. document.readyState
  18. document.title returns the document title, changes the document title
  19. document.URL property returns the URL of the current document
  20. document.writeln() appends content to the end of the HTML document
  21. Using Properties to Obtain Element Objects