建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
javascript 中Cookie讀、寫(xiě)與刪除操作
成都創(chuàng)新互聯(lián)公司提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)，高端網(wǎng)站設(shè)計(jì)，1元廣告等致力于企業(yè)網(wǎng)站建設(shè)與公司網(wǎng)站制作，十多年的網(wǎng)站開(kāi)發(fā)和建站經(jīng)驗(yàn),助力企業(yè)信息化建設(shè)，成功案例突破上千余家,是您實(shí)現(xiàn)網(wǎng)站建設(shè)的好選擇.
前言：
在這個(gè)前端橫行的時(shí)候，頁(yè)面之間的交互需要數(shù)據(jù)的傳遞，有的數(shù)據(jù)通過(guò)url傳參的形式可以很好地解決，但是對(duì)于部分需要改變的參數(shù)，你如說(shuō)從頁(yè)面A到頁(yè)面B選擇數(shù)據(jù)，然后從頁(yè)面B將數(shù)據(jù)再傳到頁(yè)面A（典型的栗子就是收貨地址的選擇），針對(duì)這一塊我是通過(guò)存儲(chǔ)cookie來(lái)解決的。
對(duì)于cookie的操作我給出了一些簡(jiǎn)單的封裝，當(dāng)然也借鑒了前輩們經(jīng)驗(yàn)，自己糅合了一下，對(duì)于cookie的操作，無(wú)非是讀寫(xiě)和刪除，我們首先來(lái)看一下寫(xiě)的操作，有寫(xiě)才有讀，進(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 這種編碼方式過(guò)時(shí)了 改用 encodeURIComponent
// document.cookie = name + "=" + escape(value) + ";expires=" + (time ? exp.toGMTString() : 'session');
document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + (time ? exp.toGMTString() : 'session');
}
我們有了寫(xiě)的操作了，那么我們?cè)賮?lái)看看對(duì)于讀的操作。
/**
* 獲取cookie
* @param name
* @returns {null}
*/
function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
//unescape這種解碼方式好像過(guò)時(shí)了，可以采用decodeURIComponent解碼方式
//return unescape(arr[2]);
return decodeURIComponent(arr[2]);
else
return null;
}
接下就是對(duì)cookie的刪除操作了，其實(shí)這個(gè)操作很簡(jiǎn)單，就是將cookie設(shè)置過(guò)期，cookie就自動(dòng)失效了
/**
* 刪除cookie
* @param name
*/
function 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)單操作
接下來(lái)我們來(lái)談一點(diǎn)cookie的深層次的問(wèn)題：cookie的跨域
Js跨域同步cookie怎么實(shí)現(xiàn)
document.cookie = "name=" + "value;" + "expires=" + "datatime;" + "domain=" + "" + "path=" + "/path" + "; secure";
/**
* 刪除cookie
* value Cookie值
* expires 有效期截至(單位毫秒)
* path 子目錄
* domain 有效域
* secure 是否安全
*/
/*
*原頁(yè)面js里 window.location = "http://另外一個(gè)網(wǎng)站:1234/GetCookie/Index?" + document.cookie;跳到另外一個(gè)站，另外一個(gè)站獲取cookie，設(shè)置cookie
*/
var url = window.location.toString();//獲取地址
var get = url.substring(url.indexOf("liuph"));//獲取變量和變量值
var idx = get.indexOf("=");//獲取變量名長(zhǎng)度
if (idx != -1) {
var name = get.substring(0, idx);//獲取變量名
var val = get.substring(idx + 1);//獲取變量值
setCookie(name, val, 1);//創(chuàng)建Cookie
}
以上就是今天對(duì)cookie的解讀。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
當(dāng)前標(biāo)題：javascript中Cookie讀、寫(xiě)與刪除操作
URL鏈接：http://www.dlmjj.cn/article/iepdsj.html
