HTML DOM cookie 属性
htmlweb developmentfront end technology更新于 2025/9/24 18:52:17
HTML DOM cookie 属性用于创建、读取和删除 cookie。网站使用 cookie 来跟踪用户的特定信息。此方法返回一个字符串类型，其中包含以分号分隔的所有 cookie 列表。cookie 采用键=值对格式。浏览器关闭后，cookie 会被立即删除，但您可以为其指定一个到期日期。
语法
以下是语法 −
设置 cookie 属性 −
document.cookie = newCookie
此处，newCookie 为字符串类型，是一个以分号分隔的"名称-值"对列表。以下是 newCookie 的可选值。
| 参数值 | 描述 |
|---|---|
| expires=date | 指定 GMT 格式的日期。默认情况下，浏览器关闭后会立即删除 Cookie。 |
| path=path: | 指定计算机上存储 Cookie 的目录路径。只能使用绝对路径。 |
| domain=domainname | 指定您网站的域名。如果未指定，则使用当前文档域。 |
| Secure | 告知浏览器使用 https 协议将 Cookie 发送到服务器， |
示例
让我们看一个 HTML DOM Cookie 属性的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>javascript COOKIE example</h1>
<p>Click the below button to create a cookie</p>
<button type="button" onclick="cookieCreate()">CREATE</button>
<p id="Sample"></p>
<script>
function cookieCreate(){
var x=document.cookie;
x="username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC";
document.getElementById("Sample").innerHTML="The cookie values are : "+x;
}
</script>
</body>
</html>
输出
这将产生以下输出 −
点击"CREATE"按钮 −
在上面的例子中 −
我们首先创建了一个"CREATE"按钮，当用户点击该按钮时，它将执行 createCookie() 函数 −
<button type="button" onclick="cookieCreate()">CREATE</button>
cookieCreate() 函数使用 document 对象的 cookie 属性创建一个 cookie。然后，我们设置以分号分隔的 Cookie 键值对。创建的 Cookie 随后会使用其 innerHTML 属性显示在 ID 为"Sample"的段落中 −
function cookieCreate(){
var x=document.cookie;
x="username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC";
document.getElementById("Sample").innerHTML="The cookie values are : "+x;
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
