Heim > Web-Frontend > js-Tutorial > Verwenden Sie js, um Cookie-Code zu lesen, zu schreiben und zu löschen. Fortsetzung_Javascript-Fähigkeiten

Verwenden Sie js, um Cookie-Code zu lesen, zu schreiben und zu löschen. Fortsetzung_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:29:18
Original
1410 Leute haben es durchsucht

Letzter Artikel: Beim Verwenden von js zum Lesen, Schreiben und Löschen von Cookie-Code-Sharing und detaillierten Kommentaren wurden in der Praxis einige Probleme entdeckt:

1. Cookies in lokalen Dateien können nur in Firefox debuggt werden und sind für IE und Chrome ungültig

2. Das Cookie ist nicht so eingestellt, dass es niemals abläuft. Es wird nur in Betracht gezogen, eine Zeitspanne festzulegen, bevor es abläuft, was offensichtlich unangemessen ist.

Dieses Mal geben wir einen vernünftigeren Cookie-Operationscode an:

Code kopieren Der Code lautet wie folgt:

var Cookie = {
Holen Sie sich: Funktion (k) {
return ((new RegExp(["(?:; )?", k, "=([^;]*);?"].join(""))).test(document.cookie) && RegExp[" $1"]) || "";
},
Menge: Funktion (k, v, e, d) {
        var date=new Date();         var ExpiresDays=e;          date.setTime(date.getTime() ExpiresDays*24*3600*1000); ​​​​ //Wenn es eine festgelegte Zeit gibt, wird das Cookie innerhalb der angegebenen Zeit verwendet, andernfalls läuft es nie ab
document.cookie=k "=" v "; Expires=" (e != '' ? date.toGMTString(): "GMT_String") ";path=/;domain=" (d||'');
},
del: Funktion (k) {
        var date=new Date(); ​​​​ //Datum auf die vergangene Zeit setzen
         date.setTime(date.getTime()-10000); document.cookie=k "=; läuft ab=" date.toGMTString();
}
};



Das Beispiel zeigt: Klicken Sie auf den Text, um den Inhalt zu erweitern, und klicken Sie erneut, um ihn auszublenden. Wenn der Inhalt ausgeblendet ist, wird er beim nächsten Öffnen immer noch ausgeblendet. Wenn der Inhalt angezeigt wird, wird er beim nächsten Öffnen immer noch angezeigt.

Code kopieren

Der Code lautet wie folgt:

shrink

Nach der Erweiterung können Sie den Inhalt hier sehen



var btn = document.getElementsByTagName('h3')[0];
btn.addEventListener('click',function(){
var isClose = this.getAttribute('data-isClose');
if(isClose == 'close'){
show();
Cookie.del('flag');
}else{
hide();
Cookie.set('flag','hide');
}
});
var tabCon = document.getElementById('tabCon');
Funktion show(){
tabCon.style.display = 'block';
btn.setAttribute('data-isClose','open');
btn.innerHTML = 'Shrink';
}
Funktion hide(){
tabCon.style.display = 'none';
btn.setAttribute('data-isClose','close');
btn.innerHTML = 'Expand';
}
var flag = Cookie.get('flag');
if(flag == 'hide'){
hide();
}


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