概述
為坊子等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及坊子網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為成都網(wǎng)站設計、成都做網(wǎng)站、坊子網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
最近項目要用到cookie存儲部分用戶信息;研究了一下做一下分享
Cookie 是服務器保存在瀏覽器的一小段文本信息,每個 Cookie 的大小一般不能超過4KB。瀏覽器每次向服務器發(fā)出請求,就會自動附上這段信息。
設置cookie存儲
document.cookie = 'userName=fengkaicahng';
注意 設置cookie一次只能存儲一條
cookie可以多次設置 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)); //設置一天的有效期 //如果不設置; 默認時間是當前會話窗口關閉即失效 document.cookie = 'userName=fengkaicahng;expires="+day+"';
domain 指定發(fā)送Cookie的域名
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //只有在該域名下才發(fā)送cookie, //如果不設置; 默認是設置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ā)送到服務器的路徑相同才發(fā)送cookie 可以直接配置/ 從根目錄下匹配 這個匹配并不是絕對的, //如果不設置; 默認是請求該cookie時的路徑 //以下配置會在fengkaichang.com 的所有請求路徑下生效 //注意 path生效的前提是domain匹配成功,否則都是扯淡 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/'
secure 指定Cookie只能在加密協(xié)議HTTPS下發(fā)送到服務器
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //這個屬性的值是一個布爾值 //如果這個通信協(xié)議是HTTPS那么協(xié)議自動打開 //如果手動設置 一下配置不會在普通HTTP協(xié)議下發(fā)送 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/;secure=true'
以上這篇基于Cookie常用操作以及屬性介紹就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。