JS中cookie的基本使用

       cookie是本身是HTML中ducument中的一個屬性,可以用來保存一些簡單的數據信息,比如用戶名、密碼等,提高一些網站的用戶體驗度。下面就來簡單的說說cookie,它有下面幾個特性:

1.有過期時間,這個可以設置,如果不設置默認是關閉瀏覽器則清除
2.有大小限制,一般cookie的條數不會超過50條,但因瀏覽器的不同也會有差異,單個cookie的大小不能超過2M
3.cookie是以鍵值對的形式保存在物理硬盤上的,類似json格式。
說了一些cookie的簡要特性,下面就說其用法,直接上代碼比較明朗,大家直接看:

//設置cookie  
//name是cookie中的名,value是對應的值,iTime是多久過期(單位爲天)  
function setCookie(name,value,iTime){  
    var oDate = new Date();  
    //設置cookie過期時間  
    oDate.setDate(oDate.getDate()+iTime);  
    document.cookie = name+'='+value+';expires='+oDate.toGMTString();  
}  
//獲取cookie  
function getCookie(name){  
    //cookie中的數據都是以分號加空格區分開  
    var arr = document.cookie.split("; ");  
    for(var i=0; i<arr.length; i++){  
        if(arr[i].split("=")[0] == name){  
            return arr[i].split("=")[1];  
        }  
    }  
    //未找到對應的cookie則返回空字符串  
    return '';  
}  
//刪除cookie  
function removeCookie(name){  
    //調用setCookie方法,把時間設置爲-1  
    setCookie(name,1,-1);  
}  

PS:在本地測試只有火狐纔有效果,建議本地時用火狐測試.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章