cookiejs本地網頁,js獲取頁面cookie

本文目錄一覽：

• 1、為什麼本地使用js或jquery操作cookie在谷歌瀏覽器chrome中不生效
• 2、用原js寫獲取本地cookie的方法
• 3、請問如何打開一個網頁的時候用js將cookie置入進去
• 4、js本地存儲和cookie
• 5、靜態頁面怎麼用js獲取cookie

為什麼本地使用js或jquery操作cookie在谷歌瀏覽器chrome中不生效

具體解決方案如下：

1、原因在於chrome不支持js在本地操作cookie!

據測試，除了chrome瀏覽器外，其他主流瀏覽器（ie、firefox等）都支持js在本地操作cookie。當然部署到服務器上所有瀏覽器都是支持的。

2、當然，還有另外一個原因：瀏覽器設置成不支持cookie。這樣，調試js操作cookie當然也是不生效的。

用原js寫獲取本地cookie的方法

get(cookie){

    let  cookieValue=null;

    let  cookies=document.cookie.split(‘;’);

    for(var i=0;icookies.length;i++){

          let cookie=cookies[i].trim();去掉前後的空格

          if(cookie.substring(0,name.length+1)==(name+’=’)){

              cookieValue=decodeURICompoent(cookie.substring(name.length+1)）;

              break

          }

      }

    return cookieValue;

  }、

請問如何打開一個網頁的時候用js將cookie置入進去

必須由當前網頁所進行的cookie操作才有效，比如說百度的頁面，就要由這個頁面內所包含的js代碼才能設置和獲取自身的cookie，而不能由其他網站或軟件來強加給它，否則要想黑一個網站就太容易了。

js本地存儲和cookie

1、數據存儲在用戶瀏覽器中

2、設置、讀取方便，甚至頁面刷新不丟失數據

3、容量較大，sessionStorage約5M， localStorage約20M

4、只存儲字符串

1、生命周期為關閉瀏覽器

2、在同一個窗口（頁面）下數據可以共享

3、以健值對的形式存儲使用

1、生命周期永久生效，除非手動刪除，否則頁面關閉也會存在

2、可以多頁面共享

3、以健值對的形式存儲使用

使用場景

靜態頁面怎麼用js獲取cookie

如何使用js來獲取cookie的值，讀取屬於當前文檔的所有cookies，參考如下：

var allcookies = document.cookie;

定義一個函數，用來讀取特定的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;

}

// 調用函數

var cookie_val = getCookie(“username”);