关于Cookie的一些基本使用

Cookie

一段信息通过网页放在本地上,一般网站用于储存数据、识别用户的东西。其实简单点,就是以 “key=value” 这样的形式将数据存储在一个cookie文件中。相当于各个网页之间都能使用的全局变量。

使用方法

  • 创建cookie

        doucument.cookie =  "username = Tony";  //这样cookie便建立好了,里面有一个username的变量,值是Tony

  • 设置cookie过期时间

        document.cookie = "expires = Thu, 25 Dec 2040 12:00:00 GMT";  //设置expires添加过期时间(UTC或GMT时间)。如果没有设置,默认是关闭浏览器时删除cookie。

  • 设置cookie的路径

        document.cookie = "path=C:\";  //用path参数设置cookie文件所在位置。默认是属于当前页面。

  • 读取cookie

        var a = document.cookie;  //以字符串的形式赋给a变量,类似于a=“key1=value1;key2=value2;......"

  • 修改cookie

        document.cookie = "username = peter";  //类似于创建,添加新的参数也是如此。

  • 删除cookie

        document.cookie = "expires = Thu 04 May 1919 00:00:00 GMT";  //将过期时间设置为过去时间即可。

Cookie信息是以 名/值 形式存在的。而且对于创建、添加、修改都是一样的,即document.cookie = "..."都是往cookie添加或修改东西,而不会把旧的cookie覆盖,只是不断往里面增加东西。

常用函数

  • 创建cookie函数(添加)

function setCookie(name,value,days) {
    document.cookie=name+'='+value;
    if(days)                                            //判断是否增加过期时间
    {
        var oDate=new Date();                           //getDate() 获取日期的日号
        oDate.setDate(oDate.getDate()+days);
        document.cookie='expires='+oDate;
    }
}
  • 获取cookie值函数

function getCookie(cname)
{
    var name = cname + "=";
    var ca = document.cookie.split(';');                   //split()将字符串分割成字符串数组
    for(var i=0; i<ca.length; i++)
    {
        var c = ca[i].trim();                              //trim() 删除字符串首尾的空格
        if (c.indexOf(name)==0) return c.substring(name.length,c.length);
    }
    return "";
}
发布了4 篇原创文章 · 获赞 4 · 访问量 249

猜你喜欢

转载自blog.csdn.net/qq_31555445/article/details/83510515