javaScript cookies

最新推荐文章于 2024-07-29 11:53:27 发布

cpf2016

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量300

点赞数

分类专栏： js 文章标签： javascript ViewUI

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

（1）基本概念

1.什么是cookies

1）cookie是一些数据，存储在电脑的文本文件中

2）当web服务器关闭后，服务端不会记录用户的信息

cookie就是为了解决如何记录客户端的用户信息的

3）当浏览器从服务器上请求web页面时，属于该页面的cookie会添加到该请求中。服务端通过这种方式来获取用户信息

2.创建cookies

1）最简单cookie

document.cookie="username=John Doe";

2）添加cookie过期时间（UTC或GMT时间）， 默认情况下，cookie在浏览器关闭时删除

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

3）添加cookie路径， 也就是说，访问什么路径的时候把这个cookie带上，默认为当前页面

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

3.读取cookies

直接使用document.cookie即可

var x = document.cookie;

注意：document.cookie以字符串的形式返回所有cookies，格式为 cookie1=value; cookie2=value; cookie3=value;

4.修改cookies

与创建cookie一样，会覆盖旧的cookie

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

5.删除cookies

只要设置cookie的过期时间为以前的时间即可，这里设置为Thu, 01 Jan 1970 00:00:00 GMT

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

注意：删除的时候不用指定cookie的值

（2）实例

<!DOCTYPE html>
<html>
<head>
<script>

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

function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) 
  {
  var c = ca[i].trim();
  if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
return "";
}

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

</script>
</head>
<body οnlοad="checkCookie()">
</body>
</html>

即页面加载完检测cookie，如果没有则添加

cpf2016

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript cookies

（1）基本概念 1.什么是cookies 1）cookie是一些数据，存储在电脑的文本文件中 2）当web服务器关闭后，服务端不会记录用户的信息 cookie就是为了解决如何记录客户端的用户信息的
复制链接

扫一扫

专栏目录