Cookie让你可以在网页中存储用户信息。1.什么是Cookie？Cookie是存储在计算机上的小文本文件中的数据。当Web服务器将网页发送到浏览器时，连接将关闭，服务器将忘记用户的一切。Cookies是为了解决“如何记住用户信息”而发明的。当用户访问网页时，他的名字可以存储在cookie中。下次用户访问该页面时，cookie会“记住”他的名字。Cookie以名称-值（名称：值）对的形式存储。username=JohnDoe当浏览器向服务器请求网页时，它会将属于该页面的cookie添加到请求中。这样，服务器就获得了“记住”用户信息所必需的数据。2.使用JavaScript创建CookieJavaScript可以使用document.cookie属性创建、读取和删除cookie。使用JavaScript，可以像这样创建一个cookie：document.cookie="username=JohnDoe";可以添加到期日期（UTC时间）。默认情况下，cookie在浏览器关闭时被删除：document.cookie="username=JohnDoe;expires=Thu,18Dec201312:00:00UTC";使用路径参数，可以告诉浏览器cookie属于什么路径。默认情况下，cookie属于当前页面。document.cookie="username=JohnDoe;expires=Thu,18Dec201312:00:00UTC;path=/";3.使用JavaScript读取cookie使用JavaScript，可以通过这种方式读取cookie。varx=document.cookie;document.cookie将在一个字符串中返回所有cookie。比如：cookie1=值；cookie2=值；cookie3=值；四、使用JavaScript更改cookies使用JavaScript，您可以像使用创建cookies的方法一样修改cookies。document.cookie="username=JohnSmith;expires=Thu,18Dec201312:00:00UTC;path=/";旧的cookie被覆盖。五、使用JavaScript删除cookies删除cookies非常简单。删除cookie时不必指定cookie值，只需将expires参数设置为已过期的日期即可。document.cookie="username=;expires=Thu,01Jan197000:00:00UTC;path=/;";应定义cookie路径以确保删除正确的cookie。如果您不指定路径，某些浏览器将不允许您删除cookie。6.JavaScriptCookie实例将创建一个cookie来存储访问者的姓名。当访问者第一次访问该网页时，会要求他填写姓名。然后将该名称存储在cookie中。下一次访问者到达同一页面时，他将收到一条欢迎消息。1.设置cookie值首先，创建一个将访问者姓名存储在cookie变量中的函数。functionsetCookie(cname,cvalue,exdays){vard=newDate();d.setTime(d.getTime()+(exdays*24*60*60*1000));varexpires="expires="+d.toUTCString();document.cookie=cname+"="+cvalue+";"+expires+";path=/";}函数分析：上面函数的三个参数分别是：cookie名称（cname），cookie值（cvalue），以及cookie过期前的天数。该函数根据参数创建cookie并设置过期参数。2.获取cookie值然后，创建一个函数返回指定cookie的值：3.检查cookie值的函数最后，创建一个检查cookie是否设置的函数。如果设置了cookie，它将显示问候语。如果没有设置cookie，则通过调用setCookie函数显示一个提示框询问用户名，并将用户名保存在cookie中365天。functioncheckCookie(){varusername=getCookie("username");if(username!=""){alert("Welcomeagain"+username);}else{username=prompt("Pleaseenteryourname:","");if(username!=""&&username!=null){setCookie("username",username,365);}}}两者结合就会显示效果。:七。总结本文基于JavaScript基础。主要介绍如何在浏览器中调用cookies，如何创建自己的cookies，（设置cookies，获取cookies，检查cookies）等一系列常见问题进行了详细的讲解。希望能帮助读者更好的学习。本文转载自微信公众号《前端进阶学习交流》，可通过以下二维码关注。转载本文请联系前端进阶学习交流公众号。
