Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Get Cookies Associated with a Document in JavaScript
In this article we are going to learn how to get the cookies associated with a document in JavaScript.
The cookies property present in the Document interface is used to return the cookies associated with a Document in JavaScript. The Cookies are small strings of data that is present in the form of name=value pairs inside a browser. Each cookie is delimited by a ?;'.
Cookies are used for client-server applications. Cookies have an expiration date. They have a size limit of 4KB.
To get a better understanding of this concept, let's look into the examples further in this article.
Syntax
The syntax to get the cookies associated with in a document is shown below.
document.cookie;
Example 1
The following is the example program where we displayed the cookies present inside a document.
<html>
<body>
<p id="cookie"></p>
<script>
document.getElementById("cookie").innerHTML = "Cookies associated with this document: " + document.cookie;
</script>
</body>
</html>
On executing the above code, the following output is generated.
Example 2
The below program is an example to display the cookies present inside a document.
<!DOCTYPE html>
<html>
<head>
<title>To display the domain of the server that loaded a document in JavaScript</title>
</head>
<body style="text-align : center">
<h3>To display the domain of the server that loaded a document in JavaScript</h3>
<p id='cookies'></p>
<script>
document.getElementById('cookies').innerHTML = 'The cookies associated in this document are : '+document.cookie ;
</script>
</body>
</html>
On executing the above code, the following output is generated.
Example 3
The below is an example program to create user-defined cookies. i.e. to set and get the cookies and finally to display the cookies.
<!DOCTYPE html>
<html>
<head>
<title>To display the domain of the server that loaded a document in JavaScript</title>
</head>
<body style="text-align : center">
<h3>To display the domain of the server that loaded a document in JavaScript</h3>
<p id='cookies'></p>
<script>
document.cookie = "username= John Nicholas; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/"; // Set the cookie
let x = document.cookie; // Get the cookie
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; // Delete the cookie by not specifying any value and set the expires value to past date.
document.getElementById('cookies').innerHTML = 'The cookies associated in this document are : '+document.cookie ;
</script>
</body>
</html>
On executing the above code, the following output is generated.
629 Views
