javaScript cookies

来源：互联网发布：一搜网络一搜同志0731 编辑：程序博客网时间：2024/05/17 02:45

（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