基于Cookie常用操作以及屬性介紹

更新時間：2017年09月07日 08:17:34 作者：馮凱昌

下面小編就為大家?guī)硪黄贑ookie常用操作以及屬性介紹。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

概述

最近項目要用到cookie存儲部分用戶信息;研究了一下做一下分享

Cookie 是服務(wù)器保存在瀏覽器的一小段文本信息，每個 Cookie 的大小一般不能超過4KB。瀏覽器每次向服務(wù)器發(fā)出請求，就會自動附上這段信息。

設(shè)置cookie存儲

document.cookie = 'userName=fengkaicahng';

注意設(shè)置cookie一次只能存儲一條

cookie可以多次設(shè)置 key相同不會重新賦值而是會新建一條cookie

讀取cookie

var allCookies = document.cookie;

//一次讀取所有cookie 字符串形式
//所以一般我們還要做一次轉(zhuǎn)換

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

 console.log(cookiesArray);

cookie的幾個屬性

value (必須)一個鍵值對,用來指定cookie的值

document.cookie = 'userName=fengkaicahng';

expires 指定Cookie過期時間;格式采用Date.toUTCString()

var day = new Date();
 day.setTime(day.getTime()+(1*24*60*60*1000));

//設(shè)置一天的有效期
//如果不設(shè)置; 默認(rèn)時間是當(dāng)前會話窗口關(guān)閉即失效

document.cookie = 'userName=fengkaicahng;expires="+day+"';

domain 指定發(fā)送Cookie的域名

 var day = new Date();
 day.setTime(day.getTime()+(1*24*60*60*1000));

//只有在該域名下才發(fā)送cookie,
//如果不設(shè)置; 默認(rèn)是設(shè)置cookie時的域名
//以下配置會在fengkaichang.com 的所有子域名下生效

document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;

path 指定Cookie的路徑

var day = new Date();
 day.setTime(day.getTime()+(1*24*60*60*1000));

//只有這個路徑和發(fā)送到服務(wù)器的路徑相同才發(fā)送cookie 可以直接配置/ 從根目錄下匹配 這個匹配并不是絕對的,
//如果不設(shè)置; 默認(rèn)是請求該cookie時的路徑
//以下配置會在fengkaichang.com 的所有請求路徑下生效
//注意 path生效的前提是domain匹配成功,否則都是扯淡


document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/'

secure 指定Cookie只能在加密協(xié)議HTTPS下發(fā)送到服務(wù)器

var day = new Date();
 day.setTime(day.getTime()+(1*24*60*60*1000));

//這個屬性的值是一個布爾值
//如果這個通信協(xié)議是HTTPS那么協(xié)議自動打開
//如果手動設(shè)置 一下配置不會在普通HTTP協(xié)議下發(fā)送

document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/;secure=true'

以上這篇基于Cookie常用操作以及屬性介紹就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: