Gunakan js untuk membaca, menulis dan memadam kemahiran kod cookie continuation_javascript

Artikel terakhir: Menggunakan js untuk membaca, menulis dan memadam perkongsian kod kuki dan ulasan terperinci , beberapa masalah ditemui dalam amalan:

1. Kuki pada fail tempatan hanya boleh dinyahpepijat pada Firefox dan tidak sah untuk IE dan chrome

2. Kuki tidak ditetapkan untuk tidak pernah tamat tempoh. Ia hanya dianggap untuk menetapkan tempoh masa sebelum tamat, yang jelas tidak munasabah.

Kali ini kami memberikan kod operasi kuki yang lebih munasabah:

Salin kod Kod adalah seperti berikut:

var Kuki = {
Dapatkan: fungsi (k) {
return ((RegExp baharu(["(?:; )?", k, "=([^;]*);?"].join("")).test(document.cookie) && RegExp[" $1"]) || "";
},
set: fungsi (k, v, e, d) {
        var date=new Date();         var expiresDays=e;          date.setTime(date.getTime() expiresDays*24*3600*1000); //Jika ada masa yang ditetapkan, kuki akan digunakan dalam masa yang ditetapkan, jika tidak, ia tidak akan luput
document.cookie=k "=" v "; expires=" (e != '' ? date.toGMTString(): "GMT_String") ";path=/;domain=" (d||'');
},
del: fungsi (k) {
        var date=new Date(); //Tetapkan tarikh pada masa lalu
         date.setTime(date.getTime()-10000
document.cookie=k "=; expires=" date.toGMTString(); }
};



Contoh menunjukkan: klik pada teks untuk mengembangkan kandungan, dan klik sekali lagi untuk menyembunyikannya. Apabila kandungan disembunyikan, ia akan tetap disembunyikan pada masa yang akan datang Apabila kandungan itu dipaparkan, ia akan tetap dipaparkan pada masa akan datang.

Salin kod

Kod adalah seperti berikut:

mengecil

Selepas pengembangan, anda boleh melihat kandungan di sini

var btn = document.getElementsByTagName('h3')[0];
btn.addEventListener('klik',fungsi(){
var isClose = this.getAttribute('data-isClose');
if(isClose == 'close'){
tunjukkan();
Cookie.del('bendera');
}lain{
hide();
Cookie.set('bendera', 'sembunyi');
}
});
var tabCon = document.getElementById('tabCon');
function show(){
tabCon.style.display = 'sekat';
btn.setAttribute('data-isClose','open');
btn.innerHTML = 'Kecilkan';
}
function hide(){
tabCon.style.display = 'tiada';
btn.setAttribute('data-isClose','close');
btn.innerHTML = 'Kembangkan';
}
var flag = Cookie.get('flag');
if(bendera == 'sembunyi'){
sembunyikan();
}