js中cookie的使用詳細分析

詳細瞭解:http://www.jb51.net/article/14566.htm


1.添加一個cookie 

<script language="JavaScript" type="text/javascript"> 
  
function addCookie(name,value,expiresHours){ 
var cookieString=name+"="+escape(value); 
//判斷是否設置過期時間,0代表關閉瀏覽器時失效
if(expiresHours>0){ 
var date=new Date(); 
date.setTime(date.getTime+expiresHours*3600*1000); 
cookieString=cookieString+"; expires="+date.toGMTString(); 
} 
document.cookie=cookieString; 
} 
 
</script> 


2 . 根據指定名稱的cookie修改cookie的值

<script language="JavaScript" type="text/javascript"> 
   
function editCookie(name,value,expiresHours){ 
var cookieString=name+"="+escape(value); 
//判斷是否設置過期時間,0代表關閉瀏覽器時失效
if(expiresHours>0){ 
  var date=new Date(); 
  date.setTime(date.getTime+expiresHours*3600*1000); //單位是多少小時後失效
  cookieString=cookieString+"; expires="+date.toGMTString(); 
} 
  document.cookie=cookieString; 
} 
  
</script>

3.獲取指定名稱的cookie值 

<script language="JavaScript" type="text/javascript"> 
 
function getCookie(name){ 
  var strCookie=document.cookie; 
  var arrCookie=strCookie.split("; "); 
  for(var i=0;i<arrCookie.length;i++){ 
    var arr=arrCookie[i].split("="); 
    if(arr[0]==name){
      return unescape(arr[1]);
    }else{
         return ""; 
     } 
  } 
  
} 
 
</script> 

4.刪除指定名稱的cookie

<script language="JavaScript" type="text/javascript"> 
 
function deleteCookie(name){ 
var date=new Date(); 
date.setTime(date.getTime()-10000); //設定一個過去的時間即可
document.cookie=name+"=v; expires="+date.toGMTString(); 
} 
 
</script> 

5.如果要使cookie在整個網站下可用,可以將cookie_dir指定爲根目錄,例如:

document.cookie="userId=320; path=/"; 

6指定可訪問cookie的路徑 

默認情況下,如果在某個頁面創建了一個cookie,那麼該頁面所在目錄中的其他頁面也可以訪問該cookie。如果這個目錄下還有子目錄,則在子目錄中也可以訪問。例如在www.xxxx.com/html/a.html中所創建的cookie,可以被www.xxxx.com/html/b.html或www.xxx.com/ html/ some/c.html所訪問,但不能被www.xxxx.com/d.html訪問。 

爲了控制cookie可以訪問的目錄,需要使用path參數設置cookie,語法如下: 

document.cookie="name=value; path=cookieDir"; 
其中cookieDir表示可訪問cookie的目錄。例如: 

document.cookie="userId=320; path=/shop"; 
就表示當前cookie僅能在shop目錄下使用。 


發佈了17 篇原創文章 · 獲贊 14 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章