溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

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

發(fā)布時(shí)間:2020-10-02 04:31:12 來(lái)源:腳本之家 閱讀:194 作者:馮凱昌 欄目:web開(kāi)發(fā)

概述

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

Cookie 是服務(wù)器保存在瀏覽器的一小段文本信息,每個(gè) Cookie 的大小一般不能超過(guò)4KB。瀏覽器每次向服務(wù)器發(fā)出請(qǐng)求,就會(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è)鍵值對(duì),用來(lái)指定cookie的值

document.cookie = 'userName=fengkaicahng';

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

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

//設(shè)置一天的有效期
//如果不設(shè)置; 默認(rèn)時(shí)間是當(dāng)前會(huì)話(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è)匹配并不是絕對(duì)的,
//如果不設(shè)置; 默認(rèn)是請(qǐng)求該cookie時(shí)的路徑
//以下配置會(huì)在fengkaichang.com 的所有請(qǐng)求路徑下生效
//注意 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)打開(kāi)
//如果手動(dòng)設(shè)置 一下配置不會(huì)在普通HTTP協(xié)議下發(fā)送

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

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

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI