JavaScript 如何创建Cookie
Cookie是一个重要的工具,它允许您将用户信息以键值对的形式存储在以分号分隔的字符串中。如果我们在浏览器中保存了一个Cookie,那么我们可以直接登录到该浏览器,因为它保存了用户信息。
方法: 当用户向服务器发送请求时,Cookie会告诉服务器该用户已经在浏览器中登录,服务器可以识别用户并允许其登录。我们可以对Cookie应用各种操作,例如创建、删除、读取以及为其添加过期日期,以便用户在特定时间之后无法登录。
以下代码展示了创建Cookie的关键字document.cookie的用法。
示例: 在下面的示例中,我们将从用户那里获取一个作为Cookie名称的输入并将其存储在cookievalue中。然后,将cookievalue以字符串形式存储,添加’name’属性,然后在浏览器中创建Cookie。
HTML
<!DOCTYPE html>
<html>
<body>
<form name="myform" action="">
Enter name:
<input type="text" name="customer" />
<input type="button" value="Set Cookie"
onclick="WriteCookie();" />
</form>
<script type="text/javascript">
function WriteCookie() {
if (document.myform.customer.value == "") {
alert("Please enter value");
return;
}
cookievalue = escape(
document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write("Setting Cookies : "
+ "name=" + cookievalue);
}
</script>
</body>
</html
输出:

添加过期日期(使用UTC时间): 我们可以为cookie添加过期日期,以确保在该时间之后,该cookie将不再使用。
语法:
document.cookie = "username=geeksforgeeks;
expires=Sun, 16 JAN 2022 12:00:00 UTC";
删除Cookie: 当您想要删除Cookie时,只需将expires参数设置为空,并将用户名留空即可。
document.cookie = "username=;
expires=Sun, 16 JAN 2022 12:00:00 UTC";
极客教程