Heim > Web-Frontend > js-Tutorial > Hauptteil

Erstes Verständnis und Anwendung von Cookies (js und jq)_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 15:06:13
Original
1788 Leute haben es durchsucht

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; 
 }
Nach dem Login kopieren
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 ""; 
  }
Nach dem Login kopieren
function delCookie(name){//删除cookie
// 该函数检查下cookie是否设置,如果设置了则将过期时间调到过去的时间;
//剩下就交给操作系统适当时间清理cookie啦
if (getCookie(name))
  {
      document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
}
Nach dem Login kopieren

JQ-Plug-In-Methode:

offizielle jq-Websitehttp://plugins.jquery.com/ Such-Cookie-Plug-in, mehrere Kilobyte groß, sehr einfach zu verwenden:


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>
Nach dem Login kopieren

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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage