javaScript cookies

转载 2015年11月17日 17:38:00

(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,如果没有则添加



相关文章推荐

javascript对cookies的操作

  • 2012年05月29日 11:11
  • 3KB
  • 下载

javascript 使用Cookies经典推荐^_^

  • 2011年11月23日 18:17
  • 31KB
  • 下载

JavaScript Cookies ,cookie 用来识别用户。

利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息。什么是cookie?cookie 是存储于访问者的计算机中...

javaScript框架和Cookies帮助文档

  • 2011年08月09日 12:15
  • 198KB
  • 下载

【JavaScript】cookies详解

  • 2014年10月29日 09:47
  • 1KB
  • 下载

javascript脚本无法获取服务端写入的Cookies

看看两段代码吧: 1. // 在当前请求的输出页面中输出Cookie HttpCookie cookie = new HttpCookie("ClientId", loginResult.TV...

javascript cookies 存、取、删除实例

//写cookies函数 作者:翟振凯function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值{var Days = 30; //此 cookie ...

html学习 - Javascript设置和获取cookies

Cookies Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。 Cookies设置 我也是才学不...

javascript cookies 存、取、删除实例

function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值 { var Days = 30; //此 cookie 将被保存 30 天 ...

Javascript学习笔录15(JS navigator 对象,cookies)

1 navigator是一个独立的对象,他用于提供用户所使用的浏览器以及操作系统等信息,以navigator对象属性的形式来提供。 navigator的用法 location的用法 2 cooki...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javaScript cookies
举报原因:
原因补充:

(最多只允许输入30个字)