JavaScript中Cookie操作實(shí)例
JavaScript Cookie
Cookie對(duì)象：
Cookie是一種以文件的形式保存在客戶端硬盤(pán)的Cookies文件夾中的用戶數(shù)據(jù)信息(Cookie數(shù)據(jù))。
Cookie文件由所訪問(wèn)的Web站點(diǎn)建立，以長(zhǎng)久的保存客戶端與Web站點(diǎn)間的會(huì)話數(shù)據(jù)，并且該Cookie數(shù)據(jù)只允許被所訪問(wèn)的Web站點(diǎn)進(jìn)行讀取。
Cookie文件的格式：
NS：Cookie.txt
IE：用戶名@域名.txt
有兩種類(lèi)型的cookie:
(1)持久性cookie，會(huì)被存儲(chǔ)到客戶端的硬盤(pán)上。
(2)會(huì)話Cookie：不會(huì)存儲(chǔ)到客戶端的硬盤(pán)上，而是放在瀏覽器進(jìn)程所處的內(nèi)存當(dāng)中，當(dāng)瀏覽器關(guān)閉則該會(huì)話cookie就銷(xiāo)毀了。
用JS實(shí)現(xiàn)Cookie操作
寫(xiě)入Cookie：
document.cookie = " 關(guān)鍵字 = 值 [ ; expires = 有效日期 ] [;...]"
讀取Cookie：
document.cookie
刪除Cookie：
document.cookie = " 關(guān)鍵字 = ; expires = 當(dāng)前日期"
備注：
1.有效日期格式：Wdy,DD-Mon-YY HH:MM:SS GMT
2.Wdy / Mon：英文星期 / 月份；
3.還包含path、domain、secure屬性；
4.每個(gè)Web站點(diǎn)(domain)可建立20個(gè)Cookie數(shù)據(jù)；
5.每個(gè)瀏覽器可存儲(chǔ)300個(gè)Cookie數(shù)據(jù)，4k字節(jié)；
6.客戶有權(quán)禁止Cookie數(shù)據(jù)的寫(xiě)入。
實(shí)例
<!DOCTYPE html>
<html>
<head>
<title>cookieTest.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
var today = new Date();
var expiredDay = new Date();
var msPerMonth = 1000 * 60 * 60 * 24 * 30;
expiredDay.setTime(today.getTime() + msPerMonth); //一個(gè)月之后過(guò)期
//寫(xiě)入cookie
document.cookie = "name=mengdd;expires="+expiredDay.toGMTString();
document.writeln("cookie已經(jīng)寫(xiě)到硬盤(pán)上了");
//讀取cookie
document.writeln("內(nèi)容是：" + document.cookie);
document.writeln("expire day: " + expiredDay.toGMTString());
</script>
</body>
</html>
- Javascript Cookie讀寫(xiě)刪除操作的函數(shù)
- JavaScript中Cookies的相關(guān)使用教程
- 詳談javascript中的cookie
- javascript實(shí)現(xiàn)設(shè)置、獲取和刪除Cookie的方法
- JavaScript操作Cookie方法實(shí)例分析
- JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類(lèi)實(shí)例
- JavaScript操作cookie類(lèi)實(shí)例
- javascript操作Cookie（設(shè)置、讀取、刪除）方法詳解
- JavaScript操作Cookie詳解
- JavaScript對(duì)Cookie進(jìn)行讀寫(xiě)操作實(shí)例
相關(guān)文章
給一個(gè)存放數(shù)字或字符串的數(shù)組去重很簡(jiǎn)單,那么現(xiàn)在問(wèn)題升級(jí),如何一個(gè)數(shù)組a里面存放的元素是若干個(gè)數(shù)組,那么如何給這個(gè)數(shù)組a去重？本文給大家介紹了JS中給數(shù)組去重的方法小結(jié),需要的朋友可以參考下2024-08-08
之前講了javascript對(duì)正則表達(dá)式的實(shí)現(xiàn)方式了，只定義了正則表達(dá)式，但是如何在javascript中真正使用正則表達(dá)式呢？在javascript中RegExp和String對(duì)象都有處理正則表達(dá)式的方法。2015-08-08
前端滾動(dòng)錨點(diǎn)三個(gè)常用方案(點(diǎn)擊后頁(yè)面滾動(dòng)到指定位置)
這篇文章主要給大家介紹了關(guān)于前端滾動(dòng)錨點(diǎn)的三個(gè)常用方案,實(shí)現(xiàn)的效果就是點(diǎn)擊后頁(yè)面滾動(dòng)到指定位置,三種方法分別是scrollIntoView、scrollTo和scrollBy,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-01-01
Javascript中數(shù)組sort和reverse用法分析
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實(shí)例分析了sort和reverse使用時(shí)的注意事項(xiàng)與相關(guān)技巧,具有不錯(cuò)的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
JavaScript實(shí)現(xiàn)一個(gè)電子小蜘蛛
這篇文章主要介紹了JavaScript實(shí)現(xiàn)一個(gè)電子小蜘蛛,具體的樣子就是讓它會(huì)跟隨著我們的鼠標(biāo)進(jìn)行移動(dòng),那么我們?nèi)绾螌?shí)現(xiàn)這樣的效果呢,下面來(lái)詳細(xì)講解實(shí)現(xiàn)方法,需要的朋友可以參考下2024-10-10
JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法詳解【圓形情況】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法,結(jié)合實(shí)例形式詳細(xì)分析了圓形包盒情況下的碰撞檢測(cè)算法相關(guān)原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
js實(shí)現(xiàn)上傳圖片并顯示圖片名稱(chēng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上傳圖片并顯示圖片名稱(chēng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
本篇文章給大家詳細(xì)分析了自定義ajax支持跨域組件封裝相關(guān)的知識(shí)點(diǎn)，對(duì)此有興趣的朋友參考學(xué)習(xí)下。2018-02-02
模擬抽獎(jiǎng)...2006-08-08
JavaScript位移運(yùn)算符(無(wú)符號(hào)) >>> 三個(gè)大于號(hào) 的使用方法詳解
這篇文章主要介紹了JavaScript位移運(yùn)算符(無(wú)符號(hào)) >>> 三個(gè)大于號(hào) 的使用方法詳解的相關(guān)資料,需要的朋友可以參考下2016-03-03