cpf2016的专栏

我不放弃爱的勇气,我不怀疑会有真心,我要握住一个最美的梦给未来的自己...

javaScript cookies

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


阅读更多
个人分类: js
上一篇javaScript弹窗
下一篇ThreadFactory
想对作者说点什么? 我来说一句

cookies.js插件

2018年03月29日 36KB 下载

JavaScriptcookies详解

2014年10月29日 1KB 下载

javascriptcookies的操作

2012年05月29日 3KB 下载

Javascript与网络cookie

2013年11月05日 735KB 下载

javascript 使用Cookies经典推荐^_^

2011年11月23日 31KB 下载

没有更多推荐了,返回首页

关闭
关闭