摘要:設(shè)置也可以用來進(jìn)行刪除,即將過期時間設(shè)置為過去的時間,最后一個參數(shù)可以傳負(fù)數(shù)來實(shí)現(xiàn)設(shè)置為,為的一個,并且時間為天。
cookie
是什么:是一種用來在客戶端硬盤上存儲信息的手段。為什么用?:可以用來存儲一些信息,實(shí)現(xiàn)一些特殊的效果。例如實(shí)現(xiàn)多少天內(nèi)免登陸,或者存儲一些小數(shù)據(jù)。
cookie中的一些字段含義:
key=value(鍵=值) 就是 cookie的一個鍵值對,一般是根據(jù)key拿到對應(yīng)的value
expires(過期時間)設(shè)置該cookie的過期時間,也是用 ";" 來隔開,expires=GMT的時間字符串,例如要30天免登陸,就可以設(shè)置過期時間為今天開始的30天之后的日期。如果不設(shè)置過期時間,默認(rèn)瀏覽器關(guān)閉該cookie就消失了。
path(路徑) cookie并不是在哪里都能夠獲取到的。在網(wǎng)站中分為很多目錄,可能很多目錄中不需要使用到cookie,所以可以設(shè)置cookie的路徑,這樣更加安全,避免任意目錄都能訪問到該cookie。通過 path=/E:javascript/test 這樣只能在該目錄下才能獲取到該cookie
domain(域)默認(rèn)該cookie在該cookie所在域名下才能夠訪問到,但是有時候a.chaijinsong.com需要訪問b.chaijinsong.com下的cookie,這時候就需要設(shè)置domain=chaijinsong.com。這樣兩個子域名都可以訪問該cookie
secure(安全性) 默認(rèn)secure是為false的,即通過http協(xié)議來傳輸,但是如果 secure=true 的話,就只能t通過https來進(jìn)行傳輸
怎么用?:
document.cookie; //獲取cookie "aaa=aaa;bbb=bbb" //類似于這種格式,但是并不是字符串。 //設(shè)置cookie,也可以用來進(jìn)行刪除cookie,即將過期時間設(shè)置為過去的時間,最后一個參數(shù)可以傳負(fù)數(shù)來實(shí)現(xiàn) function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "expires="+d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires; } setCookie("cjs","cjs",30); //設(shè)置 name為cjs,value為cjs的一個cookie,并且時間為30天。 setCookie("cjs","cjs",-1); //讓該cookie過期,然后在document.cookie中就沒有cjs=cjs這個cookie了。但是其他key=value還存在 //獲取某個key的cookie function getCookie(key){ let arr1 = document.cookie.split(";"); for(let i=0;i注意:在google瀏覽器上本地html文件打開直接給cookie賦值是不允許的,但是firefox可以。所以想要測試的話先在本地開服務(wù)器,讓后使用本地ip訪問該文件。進(jìn)行cookie的操作。
我的文章都會在gitbook上找到,覺得不錯的的可以看一下。順便給個star,哈哈!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/95226.html
摘要:如我當(dāng)前打開的網(wǎng)址為,在控制臺中我們執(zhí)行了下面代碼查看瀏覽器面板如下圖所示,確實(shí)設(shè)置成功了,而且屬性選項(xiàng)都用了默認(rèn)值。 咱們不搞一開始就一大堆理論知識介紹,怕把人講懵了...... 咱們換一個思維方式——從現(xiàn)象看本質(zhì),先說說我們看到了什么,再從看到的現(xiàn)象中提出問題,最后深入尋找答案。 我們看到的 cookie 我自己創(chuàng)建了一個網(wǎng)站,網(wǎng)址為http://ppsc.sankuai.com。...
摘要:的屬性在瀏覽器的控制臺中,可以直接輸入來查看??梢栽跒g覽器的控制臺中看出哪些是類型的,下帶綠色對勾的即是,如圖只要是類型的在控制臺通過是獲取不到的,也不能進(jìn)行修改。當(dāng)會話過期或被放棄后,服務(wù)器將終止該會話。在中,用取代了。 本文由云+社區(qū)發(fā)表 在前端面試中,有一個必問的問題:請你談?wù)刢ookie和localStorage有什么區(qū)別?。?localStorage是H5中的一種瀏覽器本地存...
摘要:可以通過來維護(hù)狀態(tài)信息。就表示當(dāng)前僅能在目錄下使用。常用的操作及其函數(shù)實(shí)現(xiàn)方法可根據(jù)世界時把對象轉(zhuǎn)換為字符串,并返回結(jié)果。瀏覽器支持會話恢復(fù),保留。和標(biāo)志只能通過傳輸,可以防止攻擊。表示無法通過調(diào)用,防止中間人劫持。 0. 從http協(xié)議的無狀態(tài)性說起 http 是無狀態(tài)的協(xié)議 無連接:處理完一個請求就斷開鏈接(http1.1以后可以實(shí)現(xiàn)長連接) 無狀態(tài):上一次會話與下一次會話沒有聯(lián)...
摘要:本地存儲的封裝,提供簡單的,沒有對做兼容處理,因?yàn)榘持饕糜?,,移動端等先進(jìn)瀏覽器里面跑。安裝下載地址設(shè)置的值,生存時間半個小時獲取的值,顯示刪除清空獲取所有批量設(shè)置的值過期時間路徑域以及安全。如果想讓本地也加密,得自己加密數(shù)據(jù)。 showImg(https://img.shields.io/github/issues/jaywcjlove/cookie.js.svg); showIm...
摘要:兩個域之間是不是存在跨域問題,主要是根據(jù)協(xié)議域名端口號這三個點(diǎn)進(jìn)行判斷,只要有一個不一樣就是跨域。例如協(xié)議不同與域名不同與端口號不同與瀏覽器默認(rèn)情況下無法主動跨域向后端發(fā)送,需要在前端請求時加入配置項(xiàng)。據(jù)此,可以實(shí)現(xiàn)單點(diǎn)登錄。 cookie是什么 cookie的英文意思是餅干。在計(jì)算機(jī)術(shù)語中指服務(wù)端存放在客戶端的一段數(shù)據(jù)。這段數(shù)據(jù)在客戶端每次進(jìn)行http請求時會自動加在http請求報文...
閱讀 2501·2021-11-11 11:01
閱讀 3396·2021-10-11 10:57
閱讀 2748·2021-09-30 09:46
閱讀 3559·2021-07-26 23:38
閱讀 1635·2019-08-29 12:22
閱讀 713·2019-08-29 11:28
閱讀 2432·2019-08-26 14:04
閱讀 3137·2019-08-23 18:34