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

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

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

概述

最近項(xiàng)目要用到cookie存儲(chǔ)部分用戶信息;研究了一下做一下分享

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

設(shè)置cookie存儲(chǔ)

document.cookie = 'userName=fengkaicahng';

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

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

讀取cookie

var allCookies = document.cookie;

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

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

 console.log(cookiesArray);

cookie的幾個(gè)屬性

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

document.cookie = 'userName=fengkaicahng';

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

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

//設(shè)置一天的有效期
//如果不設(shè)置; 默認(rèn)時(shí)間是當(dāng)前會(huì)話窗口關(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時(shí)的域名
//以下配置會(huì)在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));

//只有這個(gè)路徑和發(fā)送到服務(wù)器的路徑相同才發(fā)送cookie 可以直接配置/ 從根目錄下匹配 這個(gè)匹配并不是絕對的,
//如果不設(shè)置; 默認(rèn)是請求該cookie時(shí)的路徑
//以下配置會(huì)在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));

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

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

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

您可能感興趣的文章: