JS cookie

1、概述

cookie也叫HTTP Cookie，最初是客戶端與服務器端進行會話（Session)使用的。
如果沒寫expires,那么下次打開網頁，cookie就會消失，這個就是會話機制
2、格式

name=value; [expires=date]; [path=path]; [domain=somewhere.com];
[secure]
encodeURIComponent函數可以：將文本字符串編碼為一個統一資源標識符 (URI) 的一個有效組件
上面的方法主要用于協議、主機名、路徑或查詢字符串
3、封裝函數

設置cookie

function setCookie(name,value,day,path){var cookieText=encodeURIComponent(name)+"="+encodeURIComponent(value); //encodeURIComponentif(day>0){var myDate=new Date();myDate.setDate(myDate.getDate()+day);cookieText+=";expires="+myDate;}if(path){cookieText+=";path="+path;}document.cookie=cookieText; }

獲取cookie

function getCookie(name){var i=document.cookie.indexOf(name);if(i!=-1){var start=i+name.length+1;var end=document.cookie.indexOf(";",i);if(end==-1){end=document.cookie.length;}return document.cookie.substring(start,end);} }

刪除cookie

function removeCookie(name){var i=document.cookie.indexOf(name);if(i!=-1){var start=i+name.length+1;var end=document.cookie.indexOf(";",i);if(end==-1){end=document.cookie.length;}let val=document.cookie.substring(start,end);}if(val!=undefined){document.cookie=name+"="+val+";expires="+new Date(0);} }

cookie的特性

cookie自身局限性

條數上的限制，最多20條
大小上的限制，最多4k（4096字節）
cookie安全性較低，不能存放敏感數據
帶寬的浪費
Cookie 通過在客戶端記錄信息確定用戶身份， Session 通過在服務器端記錄信息確定用戶身份。
cookie 與 session 的區別

cookie 數據存放在客戶的瀏覽器上，session 數據放在服務器上

考慮到安全應當使用 session

session會在一定時間內保存在服務器上。當訪問增多，會比較占用你服務器的性能,考慮到減輕服務器性能方面，應當使用COOKIE。

總結

以上是生活随笔為你收集整理的原生js cookie本地存储的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。