JavaScript 如何创建Cookie

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 

输出:

JavaScript 如何创建Cookie

添加过期日期(使用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";

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程