使用js来获取cookie的值的方法_js取username的cookie的值-优快云博客

本文链接：https://blog.youkuaiyun.com/tanghlnihao/article/details/52486209

本文介绍了如何使用JavaScript进行Cookie操作。在A页面中，通过`document.cookie="name="+username;`可以设置Cookie，保存变量username的值。在B页面，可以通过代码读取Cookie，若要获取名为username的值，可以进行解析操作。同时，文章也提及了删除Cookie的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS设置cookie:

假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：

document.cookie="name="+username;

JS读取cookie:

假设cookie中存储的内容为：name=jack;password=123

则在B页面中获取变量username的值的JS代码如下：

 
  var 
   username=document.cookie.split( 
  ";" 
  )[0].split( 
  "=" 
  )[1]; 
 
  //JS操作cookies方法! 
 
  //写cookies 
 
  function 
   setCookie(name,value) 
 
  { 
 
  var 
   Days = 30; 
 
  var 
   exp =  
  new 
  Date(); 
 
  exp.setTime(exp.getTime() + Days*24*60*60*1000); 
 
  document.cookie = name +  
  "=" 
  + escape (value) +  
  ";expires=" 
  + exp.toGMTString(); 
 
  }

读取cookies

 
  function 
   getCookie(name) 
 
  { 
 
  var 
   arr,reg= 
  new 
  RegExp( 
  "(^| )" 
  +name+ 
  "=([^;]*)(;|$)" 
  ); 
 
  if 
  (arr=document.cookie.match(reg)) 
 
  return 
   unescape(arr[2]); 
 
  else 
 
  return 
   null 
  ; 
 
  }

删除cookies

 
  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(); 
 
  } 
 
  //使用示例 
 
  setCookie( 
  "name" 
  , 
  "hayden" 
  ); 
 
  alert(getCookie( 
  "name" 
  )); 
 
  //如果需要设定自定义过期时间 
 
  //那么把上面的setCookie　函数换成下面两个函数就ok; 
 
  //程序代码 
 
  function 
   setCookie(name,value,time) 
 
  { 
 
  var 
   strsec = getsec(time); 
 
  var 
   exp =  
  new 
  Date(); 
 
  exp.setTime(exp.getTime() + strsec*1); 
 
  document.cookie = name +  
  "=" 
  + escape (value) +  
  ";expires=" 
  + exp.toGMTString(); 
 
  } 
 
  function 
   getsec(str) 
 
  { 
 
  alert(str); 
 
  var 
   str1=str.substring(1,str.length)*1; 
 
  var 
   str2=str.substring(0,1); 
 
  if 
   (str2== 
  "s" 
  ) 
 
  { 
 
  return 
   str1*1000; 
 
  } 
 
  else 
   if 
  (str2== 
  "h" 
  ) 
 
  { 
 
  return 
   str1*60*60*1000; 
 
  } 
 
  else 
   if 
  (str2== 
  "d" 
  ) 
 
  { 
 
  return 
   str1*24*60*60*1000; 
 
  } 
 
  } 
 
  //这是有设定过期时间的使用示例： 
 
  //s20是代表20秒 
 
  //h是指小时，如12小时则是：h12 
 
  //d是天数，30天则：d30 
 
  setCookie( 
  "name" 
  , 
  "hayden" 
  , 
  "s20" 
  );