js cookie

概念不说，直接来看看如何进行cookie的设置等操作

有个问题提前说明：

本地测试cookie的时候，

直接打开网页然后测试,对于chrome 和 opera 浏览器是不可以的，

也就是说返回值都是空，但是可以使用 firefox 和 IE 浏览器，这两个是可以的；

如果非得在Chrome或者opera下测试，那么换一种打开文件的方式，

将文件放到服务器下，然后打开就可以了，也就是服务器环境下 chrome 和opera 是可以测试 cookie 的；

为了演示方便，我们在 opera 浏览器下或者 IE 浏览器下进行演示

我们先来看看简单的设置：

document.cookie="name="+"哈哈哈";

这样就可以设置一个简单的cookie了，怎么查看呢？

alert( document.cookie );  就能看到了；

一般情况下cookie不会像上面那样只有一个 name="哈哈哈" ，还会加上过期时间，

下面我们利用函数的形式写一个设置cookie的操作；

function setCookie(name,value,exday){

         //name 是用户名标识

         //value 是具体的用户名

         //exday 是几天过期

     var d = new Date();//获取当前时间

            var now=d.getTime();//获取当前时间的时间戳

            var gap=exday*24*3600*1000;//过期的时间长度

         d.setTime(now+gap);//过期的具体时间的时间戳

     var expires = "expires="+d.toGMTString();//将时间戳转化为GMT格式

     document.cookie = name+"="+value+"; "+expires;//设置cookie

}

这样我们cookie设置函数就完成了，现在，比如说：我想设置这样一个cookie

username=“我是登录用户”过期时间是三天；

那么我们这样就可以了：

setCookie("username","我是登陆用户",3);

上面只是设置了 cookie ,但是我们的工作不能只是设置一下就结束了，我们还得应用到我们的网站上，

我们来获取一下cookie：

function getCookie(name){ //获取用户名信息函数

     var name = name + "=";

     var data_arr = document.cookie.split(';');

     for(var i=0; i<data_arr.length; i++) {

         var str = data_arr[i].trim();

         if (str.indexOf(name)==0) {

return str.substring(name.length,c.length);

}

     }

     return "";

}

比如我们要获取 username 的值；  var temp=getCookie( username ) 即可；

获取之后即可进行操作了；