前言

開發過程中，有時候會遇到一些類似需求，比如記住使用者在瀏覽器層面所做的操作。之前做過一個功能，當時使用了一個拖拽插http://www.cppcns.com件展示一個類似九宮格的報表圖，每個圖形都可以顯示和隱藏，如果使用者點選了顯示或隱藏按鈕，那麼下次進入系統時瀏覽器保留上一次的操作結果。核心部分程式設計客棧是使用js對cookie進行操作，具體業務部分則是觸發點選圖形事件時，如果是隱藏，則將該圖形對應的div從cookie中刪除，點選顯示時，將圖形div寫入cookie。本文只記錄cookie部分操作，具體業務程式碼大家可以根據自己的實際情況去寫。

什麼時cookie？

• cookie有4kb大小，超出長度會返回空字串；
• cookie存放在客戶端，可以方便的修改檢視，所以不能用cookie存放重要資訊；
• cooki生命週期會在關閉瀏覽器以後結束，如果要在一段事件內使用，我們可以為cookie設定有效時間；

Cooki程式設計客棧e，有時也用其複數形式 Cookies，指某些網站為了辨別使用者身份、進行 session 跟蹤而儲存在使用者本地終端上的資料（通常經過加密）。定義於 RFC2109 和 2965 中的都已廢棄，最新取代的規範是 RFC6265 [1] 。（可以叫做瀏覽器快取）
——引用自百度百科

方法如下

1.設定cookie 引數： cname：cookie 名稱，cvalue：cookie 值 ，exdays：cookie 的過期時間

function setCookie(cname,cvalue,exdays)
{
 var d = new Date();
 d.setTime(d.getTime()+(exdays*24*60*60*1000));
 var expirhttp://www.cppcns.comes = "expires="+d.toGMTString();
 document.cookie = cname + "=" + cvalue + "; " + expires;
}

2.獲取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 "";
}

3.刪除cookie

function delCookie(cname)
{
 var exp = new Dwww.cppcns.comate(); 
 exp.setTime(exp.getTime()-1); 
 var cval = getCookie(cname);
 if(cval != null){
	document.cookie = cname + "=" + cval + ";expires=" + exp.toGMTString();
 }
}

希望這篇文章對你有所幫助，如果有用的話，記得關注我吆，後期持續為大家輸出更多內容

參考：cookie操作

總結

到此這篇關於js利用cookie實現記住使用者頁面操作的文章就介紹到這了,更多相關js cookie記住使用者內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！