瀏覽器cookie詳解


/*cookie作用:用來(長時間存儲數據)存儲數據。當用戶訪問當前網站的時候,就可以通過cookie把一些數據存儲到用戶的電腦上。
* 注意:1、不同的瀏覽器存儲cookie的位置不一樣,也不能通用;
* 2、cookie存儲是以域名的形式進行區分的;
* 3、cookie的數據可以設置名字;
* 4、一個域名下存放cookie的個數是有限的,不同的瀏覽器存放的個數也是不同的;
* 5、每個cookie存放的文件內容大小也是有限制的,不同瀏覽器存放的大小也是不同的;
* cookie的獲取:
* 我們通過document.cookie來獲取當前網站下的所有cookie;,得到的值是字符串形式;。它包含了當前網站下的所有cookie,以逗號+空格的形式串聯;
*
* cookie默認的是臨時存儲的,當關閉整個瀏覽器后,cookie銷毀;如果我們要cookie值長期存在,需要在設置cookie的時候需要設置一個過期的時間;
*
* 知識點:1、如何設置cookie; 2、如何獲取cookie? 3、如何為cookie設置時間呢?
*
* 設置cookie: document.cookie='需要保存的名字=值;expires'+字符串格式的時間;

window.onload=function(){
var oDate=new Date()//新建一個日期對象;
// alert(oDate);當前時間
oDate.setDate(oDate.getDate()+5)//設置時間為:用戶訪問當前頁面的后5天;起返回值是object類型的。
// oDate.toGMTString();//把object類型的日期對象值轉換成字符串類型的值;
// document.cookie='username=sjw;expires'+oDate.toGMTString();
// document.cookie='age=30'
// alert(document.cookie)
/*解決存值時的一些問題:
* 上面代碼“username”存儲的“sjw”比較常規;;;如果存儲的值含有特殊字符呢?如下
* document.cookie='username=sjw\您好;expires'+oDate.toGMTString();
所以:內容最好編碼存儲,encodeURI() ;讀取的時候解碼讀取:decodeURI()
* */

// 設置cookie/讀取cookie最好如下:
document.cookie='name='+encodeURI('sjw\w您好')+';expires='+oDate.toGMTString();
document.cookie="age=19";
//我們知道獲取cookie時,返回的值是連載一塊的;username=sjw; name=sjww您好;;;不利於單獨獲取;

//如何單獨獲取一個cookie的單獨的值呢?
function getCookie(key){
var attr1=document.cookie.split('; ');//通過分號+空格把獲取的cookie拆分;attr1存儲cookie數組;
for(var i=0;i<attr1.length;i++){ //分別獲取每一個cookie。cookie是由“名字=值”組成的;
var attr2=attr1[i].split('='); //把名字與值拆分
if(attr2[0]==key){ //如果名字=參數(想要獲取的cookie),則返回其值;
return attr2[1];
}
}
}
alert(getCookie('age'));

}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM