如何獲取cookie的值

這篇文章主要介紹如何獲取cookie的值，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

獲取cookie值的方法：首先通過document.cookie獲取所有的cookie值，由于得到的是所有值在一起的字符串可以用split函數將字符串分割開變成數組，最后判斷數組中有沒有包含cookie名字的，如果有取出即可

以下是獲取cookie里面的值的兩種方法：

方法一：

let allcookies = document.cookie;function getCookie(cookie_name){
    var allcookies = document.cookie;    var cookie_pos = allcookies.indexOf(cookie_name);   //索引的長度

    // 如果找到了索引，就代表cookie存在，
    // 反之，就說明不存在。
    if (cookie_pos != -1)
    {        // 把cookie_pos放在值的開始，只要給值加1即可。
        cookie_pos += cookie_name.length + 1;      //這里容易出問題，所以請大家參考的時候自己好好研究一下
        var cookie_end = allcookies.indexOf(";", cookie_pos);        if (cookie_end == -1)
        {
            cookie_end = allcookies.length;
        }        var value = unescape(allcookies.substring(cookie_pos, cookie_end));         
//這里就可以得到你想要的cookie的值了。。。
    }    return value;
}// 調用函數let  cookie_val = getCookie(cookie的名字);

方法二

function getCookie(cname){
  var name = cname + "=";  var ca = document.cookie.split(';');  for(var i=0; i<ca.length; i++) 
  {    var c = ca[i].trim();    if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }  return "";
}// 調用函數let  cookie_val = getCookie(cookie的名字);

原理：

（1）通過document.cookie獲取所有的cookie值，獲取到一個cookie所有值在一起的字符串。
（2）因為所有的cookie都是以分號隔開的，所有使用split(‘;’)將這個字符串切開變成數組，存起來。
（3）判斷數組中每一項有沒有包含cookie名字的，如果有，把對應的值取出來就行。

以上是如何獲取cookie的值的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！