Heim >Web-Frontend >js-Tutorial >Erstes Verständnis und Anwendung von Cookies (js und jq)_Grundkenntnisse
Was sind Cookies?
--------------------------------- --- ----
Cookie ist ein vom Browser bereitgestellter Mechanismus, der JavaScript das Cookie-Attribut des Dokumentobjekts bereitstellt. Es kann von JavaScript gesteuert werden und ist keine Eigenschaft von JavaScript selbst. Ein Cookie ist eine Datei, die auf der Festplatte des Benutzers gespeichert wird. Diese Datei entspricht normalerweise einem Domänennamen. Wenn der Browser erneut auf den Domänennamen zugreift, wird das Cookie verfügbar gemacht. Daher können Cookies mehrere Webseiten unter einem Domänennamen umfassen, sie können jedoch nicht über mehrere Domänennamen hinweg verwendet werden.
Cookie-Anwendungsfälle
--------------------------------- --- ----
(1) Benutzer-Anmeldestatus speichern. Beispielsweise wird die Benutzer-ID in einem Cookie gespeichert, sodass sich der Benutzer beim nächsten Besuch der Seite nicht erneut anmelden muss. Viele Foren und Communities bieten diese Funktion mittlerweile an. Cookies können auch eine Ablaufzeit festlegen. Wenn das Zeitlimit abläuft, verschwindet das Cookie automatisch. Daher kann das System Benutzer häufig dazu auffordern, angemeldet zu bleiben: gängige Optionen sind ein Monat, drei Monate, ein Jahr usw.
(2) Verfolgen Sie das Benutzerverhalten. Beispielsweise kann eine Wettervorhersage-Website lokale Wetterbedingungen basierend auf der vom Benutzer ausgewählten Region anzeigen. Wenn Sie den Standort jedes Mal auswählen müssen, ist dies sehr benutzerfreundlich. Das System kann sich den zuletzt besuchten Bereich merken und ihn automatisch anzeigen der letzte Benutzer Wetterbedingungen in Ihrer Nähe. Da alles im Hintergrund geschieht, wirkt eine solche Seite wie maßgeschneidert für einen bestimmten Benutzer und ist sehr benutzerfreundlich.
(3) Benutzerdefinierte Seite. Wenn die Website die Funktion zum Ändern des Skins oder zum Ändern des Layouts bietet, können Cookies verwendet werden, um die Optionen des Benutzers, wie z. B. Hintergrundfarbe, Auflösung usw., aufzuzeichnen. Beim nächsten Besuch des Benutzers kann der Schnittstellenstil des letzten Besuchs weiterhin gespeichert werden.
So verwenden Sie Cookies
--------------------------------- --- ----
js-Methode:
function setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure) { //js设置cookie var sCookie = sName + '=' + encodeURIComponent(sValue); if (oExpires) { var date = new Date(); date.setTime(date.getTime() + oExpires * 60 * 60 * 1000); sCookie += '; expires=' + date.toUTCString(); } if (sPath) { sCookie += '; path=' + sPath; if (sDomain) { sCookie += '; domain=' + sDomain; } if (bSecure) { sCookie += '; secure'; } document.cookie = sCookie; }
function getCookie(name){ //获取cookie var strCookie=document.cookie; var arrCookie=strCookie.split("; "); for(var i=0;i<arrCookie.length;i++){ var arr=arrCookie[i].split("="); if(arr[0]==name){ return decodeURIComponent(arr[1]); } } return ""; }
function delCookie(name){//删除cookie // 该函数检查下cookie是否设置,如果设置了则将过期时间调到过去的时间; //剩下就交给操作系统适当时间清理cookie啦 if (getCookie(name)) { document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT"; } }
JQ-Plug-In-Methode:
offizielle jq-Websitehttp://plugins.jquery.com/ Such-Cookie-Plug-in, mehrere Kilobyte groß, sehr einfach zu verwenden:
0c54930bea48f598f730c6be244850d72cacc6d41bbb37262a98f745aa00fbf0
24072ae8460dd165378b4c66bd005edd2cacc6d41bbb37262a98f745aa00fbf0
Nach der Einführung der oben genannten Bibliotheksdateien lautet die Verwendungsmethode wie folgt:
<script> $.cookie('the_cookie'); //读取Cookie值 $.cookie('the_cookie', 'the_value'); //设置cookie的值 $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等 $.cookie('the_cookie', 'the_value'); //新建cookie $.cookie('the_cookie', null); //删除一个cookie </script>
Der obige Artikel über das erste Verständnis und die Anwendung von Cookies (js und jq) ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, er kann Ihnen eine Referenz geben und hoffe, dass Sie Script Home unterstützen.