javascript 中Cookie讀、寫與刪除操作

前言：

在這個(gè)前端橫行的時(shí)候，頁面之間的交互需要數(shù)據(jù)的傳遞，有的數(shù)據(jù)通過url傳參的形式可以很好地解決，但是對(duì)于部分需要改變的參數(shù)，你如說從頁面A到頁面B選擇數(shù)據(jù)，然后從頁面B將數(shù)據(jù)再傳到頁面A（典型的栗子就是收貨地址的選擇），針對(duì)這一塊我是通過存儲(chǔ)cookie來解決的。

對(duì)于cookie的操作我給出了一些簡(jiǎn)單的封裝，當(dāng)然也借鑒了前輩們經(jīng)驗(yàn)，自己糅合了一下，對(duì)于cookie的操作，無非是讀寫和刪除，我們首先來看一下寫的操作，有寫才有讀，進(jìn)而進(jìn)行刪除等操作。

/** * 設(shè)置COOKIE * @param name 設(shè)置cookie的屬性名 * @param value 設(shè)置cookie的屬性值 * @param time 設(shè)置cookie的時(shí)間function setCookie(name, value , time) { time = time ? parseFloat(time) : 0 ; var exp = new Date(); exp.setTime(exp.getTime() + time); // escape 這種編碼方式過時(shí)了 改用 encodeURIComponent // document.cookie = name + = + escape(value) + expires= + (time ? exp.toGMTString() : session  document.cookie = name + = + encodeURIComponent(value) + expires= + (time ? exp.toGMTString() : session }

我們有了寫的操作了，那么我們?cè)賮砜纯磳?duì)于讀的操作。

/** * 獲取cookie * @param name * @returns {null}function getCookie(name) { var arr, reg = new RegExp( (^| ) + name + =([^;]*)(;|$)  if (arr = document.cookie.match(reg)) //unescape這種解碼方式好像過時(shí)了，可以采用decodeURIComponent解碼方式 //return unescape(arr[2]); return decodeURIComponent(arr[2]); else return null;}

接下就是對(duì)cookie的刪除操作了，其實(shí)這個(gè)操作很簡(jiǎn)單，就是將cookie設(shè)置過期，cookie就自動(dòng)失效了

/** * 刪除cookie * @param namefunction delCookie(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval = getCookie(name); if (cval != null) document.cookie = name + = + cval + expires= + exp.toGMTString();}

以上就是對(duì)cookie的一些簡(jiǎn)單操作

接下來我們來談一點(diǎn)cookie的深層次的問題：cookie的跨域

 Js跨域同步cookie怎么實(shí)現(xiàn) document.cookie = name= + value; + expires= + datatime; + domain= + + path= + /path + secure  * 刪除cookie * value Cookie值 * expires 有效期截至(單位毫秒) * path 子目錄 * domain 有效域 * secure 是否安全 iframe src= http://網(wǎng)站:1234/test/Index width= 100 height= 100 >
上面是我整理給大家的，希望今后會(huì)對(duì)大家有幫助。
相關(guān)文章：
Node.js+Koa實(shí)現(xiàn)JWT用戶認(rèn)證步驟詳解
jQuery.i18n.properties如何實(shí)現(xiàn)js國(guó)際化標(biāo)準(zhǔn)
動(dòng)態(tài)加載JS文件三種方式總結(jié)
以上就是javascript 中Cookie讀、寫與刪除操作（圖文教程）的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。