本文概要
- cookie过期属性
- Cookie的max-age属性
- Cookie路径属性
- Cookie路径属性例
- Cookie域属性
属性 | 描述 |
---|---|
expires | 它将cookie的状态保持到指定的日期和时间。 |
maxAge | 它将cookie的状态维持到指定的时间。这里,时间以秒为单位。 |
path | 它扩大的cookie到网站的所有页面的范围。 |
domain | 它用于指定cookie有效的域。 |
让我们来看看Cookie的例子到期属性。
<
!DOCTYPE html>
<
html>
<
head>
<
/head>
<
body>
<
input type="button" value="http://www.srcmini.com/setCookie" onclick="setCookie()">
<
input type="button" value="http://www.srcmini.com/getCookie" onclick="getCookie()">
<
script>
function setCookie()
{
document.cookie="username=Duke Martin;
expires=Sun,20 Aug 2030 12:00:00 UTC";
}
function getCookie()
{
if(document.cookie.length!=0)
{
var array=document.cookie.split("=");
alert("Name="+array[0]+" "+"Value="http://www.srcmini.com/+array[1]);
}
else
{
alert("Cookie not available");
}
}
<
/script>
<
/body>
<
/html>
Cookie的max-age属性该Cookie的max-age属性提供了另一种方式来创建一个永久性的Cookie。在这里,时间以秒声明。 Cookie是有效的最多只能申报一次。
让我们来看看Cookie的max-age属性的一个例子。
<
!DOCTYPE html>
<
html>
<
head>
<
/head>
<
body>
<
input type="button" value="http://www.srcmini.com/setCookie" onclick="setCookie()">
<
input type="button" value="http://www.srcmini.com/getCookie" onclick="getCookie()">
<
script>
function setCookie()
{
document.cookie="username=Duke Martin;
max-age=" + (60 * 60 * 24 * 365) + ";
"
}
function getCookie()
{
if(document.cookie.length!=0)
{
var array=document.cookie.split("=");
alert("Name="+array[0]+" "+"Value="http://www.srcmini.com/+array[1]);
}
else
{
alert("Cookie not available");
}
}
<
/script>
<
/body>
<
/html>
Cookie路径属性如果一个网页创建一个cookie,默认情况下,它仅适用于当前目录和子目录有效。 JavaScript提供了一个路径属性的cookie起来的范围扩大到网站的所有页面。
Cookie路径属性例我们先来了解用一个例子来帮助路径属性。
【JavaScript的cookie的属性】在这里,如果我们创建了webpage2.html一个cookie,它只是为自己和其子目录(即webpage3.html)是有效的。它不适用于webpage1.html文件。
在这个例子中,我们使用路径属性来提高cookie的能见度达的所有网页。在这里,你都只是需要做的是保持上述目录结构,并把下面的程序在所有三个网页。现在,该cookie的有效期为每个网页。
<
!DOCTYPE html>
<
html>
<
head>
<
/head>
<
body>
<
input type="button" value="http://www.srcmini.com/setCookie" onclick="setCookie()">
<
input type="button" value="http://www.srcmini.com/getCookie" onclick="getCookie()">
<
script>
function setCookie()
{
document.cookie="username=Duke Martin;
max-age=" + (60 * 60 * 24 * 365) + ";
path=/;
"
}
function getCookie()
{
if(document.cookie.length!=0)
{
var array=document.cookie.split("=");
alert("Name="+array[0]+" "+"Value="http://www.srcmini.com/+array[1]);
}
else
{
alert("Cookie not available");
}
}
<
/script>
<
/body>
<
/html>
Cookie域属性一个JavaScript域属性指定该cookie有效的域。让我们假设,如果我们要像这样的属性提供任何域名:
domain=srcmini.com
在这里,cookie的有效期为定域及其所有子域。
但是,如果我们提供任何的子域的属性等类
omain=training.srcmini.com
在这里,cookie只为给定的子域名是有效的。所以,这是一个更好的方法来提供域名,而不是子域名。
推荐阅读
- JavaScript的OOPS构造方法
- JavaScript的OOPS继承 – JavaScript教程 – srcmini
- JavaScript的OOPS封装
- JavaScript的OOPS原型对象
- JavaScript的严格模式
- JavaScript的提升
- JavaScript调试
- JavaScript的this关键字
- JavaScript的删除一个Cookie