Cookie的作用范围、设置、创建、获取的方法

cookie的作用范围

同一浏览器，同一路径

默认情况下，

上级目录设置的cookie，下级目录可以获取到，

而下级目录设置的cookie，上级目录不能获取。

即：在一个页面设置cookie，那么这个页面的同一路径和子路径下的页面都可以获取cookie

示例如下：family文件夹下有children文件夹和a.html,b.html;chilren文件夹下有aa.html

若在a.html设置cookie：one=father;那么a.html,b.html和aa.html都可以获取到cookie：one=father;

然后再aa.html设置cookie:two=son,那么只有aa.html可以获取到cookie:two=son,

a.html和b.html都获取不到cookie：two=son

问题如何让上级获取到下级目录设置的cookie呢

则设置path属性，

设置整站都可以访问，上级就可以获取下级设置的cookie了

document.cookie = "key=value;path=/"

如果还需要设置cookie的到期时间

需要expires属性

格式为

document.cookie = "key=value;expires=到期时间"

示例

　　var date = new Date();

    //设置有效时间为一个小时，一小时过后，将被浏览器删除

    var expireTime = 30*60 * 1000;

    date.setTime(date.getTime() + expireTime);

    //escape()的作用:一种编码方式

    document.cookie = "key=value;expires="+ date.toGMTString();

若cookie需设置多个属性，属性之间用分号";"隔开

示例同时需要设置expires和path属性

document.cookie = "key=value;expires=到期时间;path=/"

cookie创建的函数

function saveCookie(key, value) {

    var date = new Date();

    //设置过期时间为一个小时

    var expireTime = 60*60 * 1000;

    date.setTime(date.getTime() + expireTime);

    //escape()的作用:一种编码方式

    //设置cookie过期时间为一小时以后，整站可以访问cookie

    document.cookie = key + "=" + escape(value) + ";expires="

            + date.toGMTString();+"path=/";

}

获取cookie函数

function getCookie(key) {

    // 可以搜索RegExp和match进行学习

    var arr, reg = new RegExp("(^| )" + key+ "=([^;]*)(;|$)");

    if (arr = document.cookie.match(reg)) {

        // unescape的作用解码通过escape编码的字符串

        return unescape(arr[2]);

    } else {

        return null;

    }

}

巴特西

Cookie的作用范围、设置、创建、获取的方法

最新文章

热门文章