如何使用JavaScript创建Cookie

如何使用JavaScript创建Cookie

Cookie是一个重要的工具,它允许您将用户信息以键值对的形式存储在以分号分隔的字符串格式中。如果我们在浏览器中保存了一个Cookie,那么我们可以直接登录到浏览器,因为它保存了用户信息。

方法: 当用户向服务器发送请求时,Cookie告诉服务器这个用户已经在您的浏览器中登录,并且服务器识别用户并允许用户登录。我们可以对Cookie应用各种操作,如创建、删除、读取、添加到期日期,以便用户在特定时间后无法再登录。

示例: 在下面的示例中,我们将以用户输入作为Cookie的名称,并将其存储在cookievalue中。然后将cookievalue以字符串格式存储,添加’name’属性,然后在浏览器中创建Cookie。

<!DOCTYPE html>
<html>
  
<body>
    <form name="myform" action="">
        输入名称:
        <input type="text" name="customer" />
        <input type="button" value="设置Cookie"
            onclick="WriteCookie();" />
    </form>
  
    <script type="text/javascript">
        function WriteCookie() {
            if (document.myform.customer.value == "") {
                alert("请输入值");
                return;
            }
            cookievalue = escape(
                document.myform.customer.value) + ";";
  
            document.cookie = "name=" + cookievalue;
              
            document.write("正在设置Cookie:" 
                + "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时,只需设置到期参数然后留空用户名。

document.cookie = "username=; 
expires=Sun, 16 JAN 2022 12:00:00 UTC";

阅读更多:JavaScript 教程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程