快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

JavaScript中cookies有什么用

JavaScript中 cookies有什么用,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

为兰陵等地区用户提供了全套网页设计制作服务,及兰陵网站建设行业解决方案。主营业务为网站制作、成都网站制作、兰陵网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

一、什么是Cookies?

Cookie是数据,存储在小文本文件中,在计算机上。

当Web服务器向浏览器发送网页时,连接被关闭,服务器会忘记用户的一切。Cookie是为了解决“如何记住用户信息”而发明的。

当用户访问网页时,他的名字可以存储在cookie中。  下次用户访问页面时,cookie“记住”他的名字。

Cookie保存在名称值(name:value)对中。

username = John Doe

当浏览器从服务器请求一个网页时,将属于该页的cookie添加到该请求中。这样服务器就获得了必要的数据来“记住”用户的信息。

二、使用JavaScript创建一个Cookie

JavaScript可以创建、读取、删除cookie,用document.cookie属性。

使用JavaScript,Cookie可以像这样创建:

document.cookie = "username=John Doe";

可以添加一个到期日期(UTC时间)。默认情况下,在浏览器关闭时删除cookie:

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";

使用路径参数,您可以告诉浏览器cookie属于什么路径。默认情况下,cookie属于当前页。

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

三、使用JavaScript读一个cookie

使用JavaScript,cookie可以这样读取。

var x = document.cookie;

document.cookie 将返回所有cookie在一个字符串。像: cookie1=value;  cookie2=value;cookie3=value;

四、使用JavaScript更改cookie

使用JavaScript, 你可以修改cookie,像使用创建它的方法一样。

document.cookie = "username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

旧的cookie被覆盖。

五、使用JavaScript删除Cookie

删除cookie非常简单。

删除cookie时不必指定cookie值,只需将过期参数设置为已过期的日期。

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

应该定义cookie路径以确保删除正确的cookie。如果不指定路径,一些浏览器不会让你删除cookie。

六、JavaScript Cookie 实例

将创建一个cookie来存储访问者的名称,访客第一次到达网页时,会要求他填写姓名。然后将该名称存储在cookie中。

下次访客到达同一页时,他会收到一封欢迎消息。

1. 设置cookie值

首先,创建一个函数,将访问者的名字存储在cookie变量中。

function setCookie(cname, cvalue, exdays) {     var d = new Date();     d.setTime(d.getTime() + (exdays*24*60*60*1000));     var expires = "expires="+ d.toUTCString();     document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; }

JavaScript中 cookies有什么用

函数解析:

上面函数的三个参数分别是:cookie的名称(cname),cookie的值(cvalue),还有cookie过期的天数。

函数根据参数创建cookie并设置过期参数。

2. 获得cookie值

然后,创建一个函数返回指定cookie的值:

JavaScript中 cookies有什么用

3. 函数检查cookie值

最后,创建检查cookie是否设置的函数。

如果cookie被设置,它将显示一个问候。

如果没有设置Cookie,它会显示一个提示框,询问用户的名字,通过调用setCookie函数,并存储用户名cookie365天。

function checkCookie() {     var username = getCookie("username");     if (username != "") {         alert("Welcome again " + username);     } else {         username = prompt("Please enter your name:", "");         if (username != "" && username != null) {             setCookie("username", username, 365);         }     } }

两者合在一起效果展示。:

JavaScript中 cookies有什么用

关于JavaScript中 cookies有什么用问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


网站栏目:JavaScript中cookies有什么用
当前URL:http://6mz.cn/article/jgechc.html

其他资讯