js を使用して Cookie コードの読み取り、書き込み、削除を行うcontinuation_javascript スキル

最後の記事: js を使用して Cookie コード共有と詳細コメントの読み取り、書き込み、削除を行う 、実際にはいくつかの問題が発見されました:

1. ローカル ファイルの Cookie は Firefox でのみデバッグでき、IE と chrome では無効です

2. Cookie は有効期限が切れないように設定されているわけではありません。有効期限が切れるまでの期間を設定するだけであると考えられますが、これは明らかに不合理です。

今回は、より合理的な Cookie オペレーション コードを指定します:

コードをコピーします コードは次のとおりです:

var Cookie = {
取得: function (k) {
return ((new RegExp(["(?:; )?", k, "=([^;]*);?"].join(""))).test(document.cookie) && RegExp[" $1"]) || "";
}、
set: function (k, v, e, d) {
var date=new Date(); varexpiresDays=e; date.setTime(date.getTime()expiresDays*24*3600*1000); // 時間が設定されている場合、Cookie は指定された時間内で使用され、それ以外の場合は有効期限が切れることはありません
document.cookie=k "=" v ";expires=" (e != '' ? date.toGMTString(): "GMT_String") ";path=/;domain=" (d||'');
}、
del: 関数 (k) {
var date=new Date(); //日付を過去の時刻に設定します
date.setTime(date.getTime()-10000); document.cookie=k "=; 期限切れ = date.toGMTString(); }
};



この例では、テキストをクリックしてコンテンツを展開し、再度クリックして非表示にします。コンテンツを非表示にすると、次回開いたときも非表示のままになります。コンテンツが表示された場合は、次回開いたときにも表示されます。

コードをコピーします

コードは次のとおりです:

縮小

展開後、ここでコンテンツを確認できます

var btn = document.getElementsByTagName('h3')[0];
btn.addEventListener('click',function(){
var isClose = this.getAttribute('data-isClose');
if(isClose == 'close'){
show();
Cookie.del('フラグ');
}その他{
隠す();
Cookie.set('フラグ','非表示');
}
});
var tabCon = document.getElementById('tabCon');
関数 show(){
tabCon.style.display = 'ブロック';
btn.setAttribute('data-isClose','open');
btn.innerHTML = '縮小';
}
関数 Hide(){
tabCon.style.display = 'none';
btn.setAttribute('data-isClose','close');
btn.innerHTML = '展開';
}
var flag = Cookie.get('flag');
if(フラグ == '非表示'){
隠す();
}