温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript中如何获取cookie

发布时间:2021-07-06 16:58:48 来源:亿速云 阅读:163 作者:Leah 栏目:开发技术

本篇文章给大家分享的是有关JavaScript中如何获取cookie,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

  JavaScript怎样获取cookie

  例如,获取当前cookie集合:

  input id="demo1" type="button" value="获取cookie" />

  script type="text/javascript">

  document.getElementById("demo1").onclick=function(){

  alert(document.cookie);

  }

  /script>

  实例演示:

  我们可以自定义一个函数来获取单个 cookie 的值。

  我们知道,cookie 集合的格式是这样的:

  name1=value1 ; name2=value2 ; name3=value3 ; ...

  将 cookie 以分号(;)分组,再以等号(=)分组,就能得到每个 cookie 的名称和值。

  /**

  * func getCookie() 获取单个cookie的值

  * pram cookieName cookie的名称

  **/

  function getCookie(cookieName){

  var cookieObj={},

  cookieSplit=[],

  // 以分号(;)分组

  cookieArr=document.cookie.split(";");

  for(var i=0,len=cookieArr.length;ilen;i++)

  if(cookieArr[i]) {

  // 以等号(=)分组

  cookieSplit=cookieArr[i].split("=");

  // Trim() 是自定义的函数,用来删除字符串两边的空格

  cookieObj[cookieSplit[0].Trim()]=cookieSplit[1].Trim();

  }

  return cookieObj[cookieName];

  }

  例如,获取 name 的值:

  ?

  1

  getCookie["name"];

  对上面的代码稍作修改,就可将 cookie 的值保存为对象的属性,使用时非常方便。代码如下:

  /**

  * func getCookieObj() 获取所有cookie的值并将其保存为对象的属性

  **/

  function getCookieObj(){

  var cookieObj={},

  cookieSplit=[],

  // 以分号(;)分组

  cookieArr=document.cookie.split(";");

  for(var i=0,len=cookieArr.length;ilen;i++)

  if(cookieArr[i]) {

  // 以等号(=)分组

  cookieSplit=cookieArr[i].split("=");

  // Trim() 是自定义的函数,用来删除字符串两边的空格

  cookieObj[cookieSplit[0].Trim()]=cookieSplit[1].Trim();

  }

  return cookieObj;

  }

  例如,获取 name 的值:

  ?

  JavaScript怎样获取cookie

  var cookieObj=getCookieObj();

  cookieObj.name;

  举例,设置并获取cookie的值:

  table>

  tr>

  td>用户名:/td>

  td>input id="demo_input1" type="text" />/td>

  td>密码:/td>

  td>input id="demo_input2" type="text" />/td>

  /tr>

  tr>

  td colspan="2" align="center">input id="demo_button1" type="button" value="设置Cookie" />/td>

  td colspan="2" align="center">input id="demo_button2" type="button" value="获取Cookie" />/td>

  /tr>

  /table>

  script type="text/javascript">

  document.getElementById("demo_button1").onclick=function(){

  var cookie_username="username="+escape(document.getElementById("demo_input1").value)+";"+

  "expire="+((new Date()).getTime()+600*1000);

  var cookie_password="password="+escape(document.getElementById("demo_input2").value)+";"+

  "expire="+((new Date()).getTime()+600*1000);

  document.cookie=cookie_username;

  document.cookie=cookie_password;

  }

  document.getElementById("demo_button2").onclick=function(){

  var cookieObj=getCookieObj();

  alert(

  "用户名:"+unescape(cookieObj.username)+"\n"+

  "密码:"+unescape(cookieObj.password)

  );

  }

  /script>

以上就是JavaScript中如何获取cookie,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI