关闭

javaScript cookies

137人阅读 评论(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 onload="checkCookie()">
</body>
</html>
              即页面加载完检测cookie,如果没有则添加



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:140683次
    • 积分:1946
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:338篇
    • 译文:0篇
    • 评论:12条
    文章分类
    最新评论