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

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();
}