document.cookie 使用小結(jié)
一、cookie設(shè)置
1、每個(gè)cookie都是鍵/值對(duì)，設(shè)置多個(gè)時(shí)，用；隔開，如：document.cookie = "userid=9;username=echo";
cookie值：只能用 可以用在url編碼中的字符，所以要用escape()函數(shù)進(jìn)行編碼，再用unescape()進(jìn)行解碼獲取對(duì)應(yīng)的值
所以如下設(shè)置：document.cookie = "username="+escape("hello");
2、設(shè)置username=echo的cookie值在10天后過期
<script>
//設(shè)置10天后過期
var expires = new Date();
expires.setTime(expires.getTime()+10*24*60*60*1000);
document.cookie = "username="+escape('echo')+";expires="+expires.toGMTString();
</script>二、修改cookie值
修改cookie值，只需要重新賦值 document.cookie = "username="+escape("echo");
三、獲取cookie值
var str = document.cookie; 獲取的是所有cookie值，若要獲取單個(gè)值，可以如下操作：
<script>
//設(shè)置cookie值
document.cookie = "userid=9;username=echo";
//獲取cookie值
var str = document.cookie;
//將值切割成數(shù)組
var arr = str.split(";");
var userid;
//遍歷數(shù)組
for(var i=0;i<arr.length;i++){
var value = arr[i].split("=");
if(value[0] == 'userid'){
userid = value[1];
}
}
alert(userid);
</script>四、刪除cookie值
只需要把失效日期改成比現(xiàn)在日期早一點(diǎn)（這里是早 10 毫秒），再用同樣的方法設(shè)定 Cookie，就可以刪掉 Cookie 了。
<script>
//刪除cookie
var expires = new Date();
expires.setTime(expires.getTime() - 10);
document.cookie = 'username='+escape('echo')+';expires=' + expires.toGMTString();
</script>到此這篇關(guān)于document.cookie 使用的文章就介紹到這了,更多相關(guān)document.cookie 使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
原生JS實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)簡(jiǎn)單的輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
HTML<video>元素用于在HTML或者XHTML文檔中嵌入媒體播放器,用于支持文檔內(nèi)的視頻播放,你也可以將<video>標(biāo)簽用于音頻內(nèi)容,在前端中實(shí)現(xiàn)音頻和視頻播放通常涉及使用HTML5的<audio>和<video>元素以及JavaScript來(lái)控制這些媒體元素的播放、暫停、音量等屬性2023-10-10
微信小程序?qū)崿F(xiàn)一個(gè)自定義遮罩層效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)一個(gè)自定義遮罩層,大概效果是點(diǎn)擊按鈕Show顯示遮罩層,再次點(diǎn)擊屏幕任何地方隱藏遮罩層,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
基于bootstrap實(shí)現(xiàn)bootstrap中文網(wǎng)巨幕效果
這篇文章主要介紹了基于bootstrap實(shí)現(xiàn)bootstrap中文網(wǎng)巨幕效果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-05-05
一文教你用JavaScript制作個(gè)簡(jiǎn)單的大轉(zhuǎn)盤游戲
日常生活中，我們經(jīng)常會(huì)見到形形色色的抽獎(jiǎng)活動(dòng)，例如九宮格、大轉(zhuǎn)盤等等……本文就來(lái)教大家如何利用JavaScript制作個(gè)簡(jiǎn)單的大轉(zhuǎn)盤游戲，感興趣的可以了解一下2023-02-02
基于javascript實(shí)現(xiàn)貪吃蛇經(jīng)典小游戲
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
100個(gè)不能錯(cuò)過的實(shí)用JS自定義函數(shù)
本文收集了100個(gè)原生態(tài)JavaScript編寫的常用、實(shí)用自定義函數(shù),需要的朋友可以參考下2014-03-03
原生js實(shí)現(xiàn)移動(dòng)端瀑布流式代碼示例
這篇文章主要為大家分享了原生js實(shí)現(xiàn)移動(dòng)端瀑布流式代碼示例，對(duì)瀑布流布局感興趣的小伙伴們可以參考一下2015-12-12
js中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對(duì)象的方法
下面小編就為大家?guī)?lái)一篇js中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對(duì)象的方法。小編覺的挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-12-12
微信小程序利用云函數(shù)獲取手機(jī)號(hào)碼
這篇文章主要介紹了微信小程序利用云函數(shù)獲取手機(jī)號(hào)碼功能，本文通過實(shí)例代碼給大家講解的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12