Scribd
Upload
97 views3 pages

1 - 6-Cookies Javascript

Cookies are variables stored in a user's browser that can be used to identify returning visitors to a website. JavaScript allows creation and retrieval of cookie values. Each cookie has a name, value, expiration date, domain, and path. Cookies are created by assigning a name, value, and other parameters to the document.cookie property and retrieved by parsing document.cookie and checking for matching name-value pairs. The example code demonstrates functions for creating, getting, and getting all cookies.

Uploaded by

Vishal Bhole
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
97 views3 pages

1 - 6-Cookies Javascript

Cookies are variables stored in a user's browser that can be used to identify returning visitors to a website. JavaScript allows creation and retrieval of cookie values. Each cookie has a name, value, expiration date, domain, and path. Cookies are created by assigning a name, value, and other parameters to the document.cookie property and retrieved by parsing document.cookie and checking for matching name-value pairs. The example code demonstrates functions for creating, getting, and getting all cookies.

Uploaded by

Vishal Bhole
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

JavaScript Cookies

Working with Cookies


A cookie is a variable that is stored on the visitor's computer. Each time the same computer requests a page with a browser, it
will send the cookie too. With JavaScript, you can both create and retrieve cookie values.
 Each cookie has a name-value pair that contains the actual information.
 Each cookie has an expiry date after which it is trashed. If you don't specify the expiry date the cookie is trashed
when you close the browser. This expiry date should be in UTC time.
 Each cookie also has a domain and a path.
o The domain tells the browser to which domain the cookie should be sent. If you don't specify it, it becomes
the domain of the page that sets the cookie.
o The path gives you the chance to specify a directory where the cookie is active.
 Each cookie has secure. If secure is set then the cookie is sent to server only if HTTPS is used.

Cookie creation:
document.cookie ='cookieName=cookieValue; expires=Sat, 15 Jun 2015 20:47:11 UTC; path=/; domain=somedomain.com;'

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script>
function CreateCookie(name, value, expireInDays, path)
{
var enName = encodeURIComponent(name)
var enValue = encodeURIComponent(value)
if (path == '')
path = '/'
if (expireInDays != 0) {
var dt = new Date();
dt.setDate(dt.getDate() + Number(expireInDays))
var dtUtc = dt.toUTCString();
var str = enName + "=" + enValue + "; expires=" + dtUtc + "; path=" + path;
}
else {
str = enName + "=" + enValue + "; path=" + path
}
document.cookie = str;
}

1
JavaScript Cookies
function GetValue(name)
{
if (document.cookie == "" || document.cookie == null)
return;
var pairs = document.cookie.split(';')
for (var i = 0; i < pairs.length; i++) {
var pairName = pairs[i].split('=')[0].trim()
var pairValue = pairs[i].split('=')[1].trim()
if (pairName.toLowerCase() == name.toLowerCase()) {
return pairValue
return;
}
}
return "not found"
}

function btnCreate_click()
{

CreateCookie(document.forms[0].txtName.value,document.forms[0].txtValue.value,document.forms[0].txtDays.value,'/');
}
function btnGet_click() {
alert(GetValue(document.forms[0].txtName.value))
}
function btnGetAll_click() {
alert(document.cookie)
}
</script>
</head>
<body>
<form action="/" method="post">
Name: <input type="text" name="txtName" value="" /> <br />
Value: <input type="text" name="txtValue" value="" /><br />
Days: <input type="text" name="txtDays" value="" /><br />

<input type="button" name="btnCreate" value="Create" onclick="btnCreate_click()" />


<input type="button" name="btnGet" value="Get" onclick="btnGet_click()" />
<input type="button" name="btnGetAll" value="GetAll" onclick="btnGetAll_click()" />
<hr />
</form>
2
JavaScript Cookies
<a href="CookiesPage2.html">Page2</a>
</body>
</html>

You might also like