How to get the cookies associated with a document in JavaScript?

Javascript Object Oriented Programming Front End Technology

Javascript has provided document object to deal with any kind of information regarding documents. This object has provided document.cookie to get the cookies associated with the particular document. This method won't disturb any other lines of code.

syntax

cookie = document.cookie;

Example

In the following example, document.cookie is used to get the cookie associated with the document and the result is displayed in the output as shown.

Live Demo

<html>
<body>
<p id="cookie"></p>
<script>
   document.getElementById("cookie").innerHTML =
   "Cookies associated with this document: " + document.cookie;
</script>
</body>
</html>

Output

Cookies associated with this document: __gads=ID=d8f23645916eff32:T=1559194976:S=ALNI_MZiHCQMqRpHFrUORCA63QNhEZSDFg; _ga=GA1.2.1225192854.1559194940; G_ENABLED_IDPS=google; qa_user_id=djl6Z3J3YkJWd2loN0ZzTEdrWTJjQT09; PHPSESSID=3e102fc373866clf69p2583m45; __utmz=55973678.1562912992.131.8.utmccn=(referral)|utmcsr=google.com|utmcct=/|utmcmd=referral; _gid=GA1.2.694316508.1564029750; editor_font_size=14; QASESSIONID=5d73npkehf89kqcdjg4fq571a6; __utmc=55973678; __atuvc=43%7C26%2C44%7C27%2C49%7C28%2C49%7C29%2C24%7C30; __utmb=55973678; __utma=55973678.1225192854.1559194940.1564137677.1564145427.177; _gat_gtag_UA_128776493_12=1

Vineeth.mariserla

Published on 26-Jul-2019 14:58:56

Previous Page Print Page