前端document,js中實現cookie的增刪改查(document.cookie的使用詳情)

 2023-11-05 阅读 19 评论 0

摘要:一、設置cookie的值 1、每個cookie都是一個名稱/值對,名稱/值對用等號連接,并將該名稱/值對賦值給document.cookie即可。如:document.cookie="id=77"; 2、如果要一次存儲多個名稱/值對,可以使用分號加空格隔開。如:docume

一、設置cookie的值

1、每個cookie都是一個名稱/值對,名稱/值對用等號連接,并將該名稱/值對賦值給document.cookie即可。如:document.cookie="id=77";

2、如果要一次存儲多個名稱/值對,可以使用分號加空格隔開。如:document.cookie="id=77;?name=bill";

在cookie的名或值中不能使用分號(;)、逗號(,)、等號(=)以及空格。如果想存入這些值,我們可以使用escape()函數進行編碼,它能將一些特殊符號使用十六進制表示,例如空格將會編碼為“%20”,從而可以存儲于cookie值中。

前端document。例如:

document.cookie="str="+escape("Hello?World");

相當于:

document.cookie="str=Hello%20World";

?

cookie編輯?當使用escape()編碼后,在取出值以后需要使用unescape()進行解碼才能得到原來的cookie值。

3、document.cookie可以賦不同的值,如:

document.cookie="id=77";

document.cookie="name=bill";

這時瀏覽器將維護兩個cookie,分別是id和name

cookie mdn??

?

二、修改cookie的值

如果要改變一個cookie的值,只需重新賦值,例如:document.cookie="id=88";

這樣cookie中id的值就變成成了88

cookie js。?

三、獲取cookie的值

cookie的值可以由document.cookie直接獲得:var?strCookie=document.cookie;

如果是一次存入多個名稱/值對,可以將獲取到的字符串進行遍歷。

例://添加cookie

cookie是什么。document.cookie="id=77;?name=bill";

//獲取存入到cookie的值,strCookie的值就為?id=77;name=bill

var?strCookie=document.cookie;

//寫個方法進行遍歷

function?getCookieValue(name)?{

cookie使用,????var?strCookie=document.cookie;

????var?arrCookie=strCookie.split(";");

????for(var?i=0;i<arrCookie.length;i++){

????????var?c=arrCookie[0].split("=");

????????if(c[0]==name){

cookie教程?????????????return?c[1];

????????}

????}

????return?"";

}

document?該方法可以根據存入cookie的名稱,獲取對應的值。如getCookieValue("name"),得到結果就是bill

?

?

四、給cookie設置終止時間

?cookie都是單會話的,即瀏覽器關閉后這些cookie將會丟失,事實上這些cookie僅僅是存儲在內存中,而沒有建立相應的硬盤文件。

js獲取其他網站cookie,在實際開發中,cookie常常需要長期保存,例如保存用戶登錄的狀態。這可以用下面的選項來實現:

document.cookie="userId=828;?expires=GMT_String";

這樣可以設置cookie在這個時間內都是有效的。

例:設置cookie的有效時間是10分鐘

//獲取當前時間

前端cookie,var?date=new?Date();

var?expireDays=10;

//將date設置為10天以后的時間

date.setTime(date.getTime()+expireDays*60*1000);

//將id和name兩個cookie設置為10天后過期

js如何設置cookie,document.cookie="id=77;?name=bill;?expires="+date.toUTCString();

?

五、刪除cookie

???直接將cookie的有效時間設置成過去即可。如

var?date=new?Date();???

js清除cookie有效方法。date.setTime(date.getTime()-1000)

document.cookie="id=77;?name=bill;?expires="+date.toUTCString();

轉載于:https://www.cnblogs.com/llqwm/p/9143689.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/4/166571.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息