个性化阅读
专注于IT技术分析

JavaScript的cookie的属性

本文概要

JavaScript提供增强的cookie功能的一些可选属性。在这里,是他们的描述中的某个属性的列表。

属性描述
expires它将cookie的状态保持到指定的日期和时间。
maxAge它将cookie的状态维持到指定的时间。这里,时间以秒为单位。
path它扩大的cookie到网站的所有页面的范围。
domain它用于指定cookie有效的域。

cookie过期属性

该cookie过期属性提供创建一个永久性的Cookie的方式之一。在这里,日期和时间都宣称代表一个cookie的活跃期。一旦申报时间已过,一个cookie会被自动删除。

让我们来看看Cookie的例子到期属性。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="button" value="setCookie" onclick="setCookie()">
<input type="button" value="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="+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="setCookie" onclick="setCookie()">
<input type="button" value="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="+array[1]);
        }
        else
        {
        alert("Cookie not available");
        }
    }
    </script>
</body>
</html>

Cookie路径属性

如果一个网页创建一个cookie,默认情况下,它仅适用于当前目录和子目录有效。 JavaScript提供了一个路径属性的cookie起来的范围扩大到网站的所有页面。

Cookie路径属性例

我们先来了解用一个例子来帮助路径属性。

在这里,如果我们创建了webpage2.html一个cookie,它只是为自己和其子目录(即webpage3.html)是有效的。它不适用于webpage1.html文件。

在这个例子中,我们使用路径属性来提高cookie的能见度达的所有网页。在这里,你都只是需要做的是保持上述目录结构,并把下面的程序在所有三个网页。现在,该cookie的有效期为每个网页。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="button" value="setCookie" onclick="setCookie()">
<input type="button" value="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="+array[1]);
        }
        else
        {
        alert("Cookie not available");
        }
    }
    </script>
</body>
</html>

Cookie域属性

一个JavaScript域属性指定该cookie有效的域。让我们假设,如果我们要像这样的属性提供任何域名:

domain=srcmini02.com

在这里,cookie的有效期为定域及其所有子域。

但是,如果我们提供任何的子域的属性等类

omain=training.srcmini02.com

在这里,cookie只为给定的子域名是有效的。所以,这是一个更好的方法来提供域名,而不是子域名。

赞(0)
未经允许不得转载:srcmini » JavaScript的cookie的属性

评论 抢沙发

评论前必须登录!