Penjelasan terperinci tentang contoh operasi baca dan tulis kuki dalam js

Kuki mempunyai tempoh sah Tempoh kesahan lalai kuki adalah dari masa kuki dijana hingga apabila penyemak imbas ditutup. Anda juga boleh menentukan tarikh tamat tempoh dengan menetapkan tempoh sah kuki kuki atau padam kuki secara manual

Kuki ialah sekeping maklumat kecil, rentetan pasangan kunci/nilai yang disimpan pada pemacu keras komputer Kapasiti storan kuki adalah kira-kira 4kb sekatan pada saiz kuki; intipati utama kuki ialah "Kenal pasti" untuk melakukan sesuatu dengan mengenal pasti kuki tidak boleh mendapatkan sebarang data lain daripada pemacu keras anda, menghantar virus komputer atau mendapatkan alamat e-mel anda. Kuki mempunyai tempoh sah Tempoh kesahihan lalai kuki adalah dari masa kuki dijana hingga apabila penyemak imbas ditutup Anda juga boleh menentukan tarikh tamat tempoh dengan menetapkan tempoh sah kuki atau secara manual padam kuki.

Kuki ialah rentetan dan rentetan teks dalam format tertentu

Format:

cookieName=cookieValue;expires=expiresDate;
path=URLpath;
domain=siteDomain
//cookie名称，失效日期，储存URL,储存域值；

Cara membuat kuki

Kami biasanya merangkumkan kuki tetapan ke dalam fungsi:

function addCookie(sName,sValue,day) { 
var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate()+day);; 
//设置失效时间 
document.cookie = escape(sName) + '=' + escape(sValue) +';expires=' + expireDate.toGMTString();6 //escape()汉字转成unicode编码,toGMTString() 把日期对象转成字符串 
}

Baca kuki

Selepas menambah kuki, bagaimana kita mendapatkannya? mudah:

function getCookies() { 
var showAllCookie = ''; 
if(!document.cookie == ''){ 
var arrCookie = document.cookie.split('; '); 
//用spilt('; ')切割所有cookie保存在数组arrCookie中 
var arrLength = arrCookie.length; 
for(var i=0; i<arrLength; i++) { 
showAllCookie += &#39;c_name:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[0]) + &#39;c_value:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[1]) + &#39;<br>&#39; 9 } 
return showAllCookie; 
} 
}

Kuki mempunyai tempoh sah dan boleh dipadamkan secara automatik, atau ia boleh dipadamkan serta-merta dengan menetapkan tarikh tamat tempohnya

Ia juga sangat mudah, teruskan :

function removeCookie() { 
if(document.cookie != '' && confirm('你想清理所有cookie吗？')) { 
var arrCookie = document.cookie.split('; '); 
var arrLength = arrCookie.length; 
var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate()-1); 
for(var i=0; i<arrLength; i++) { 
var str = arrCookie[i].split(&#39;=&#39;)[0]; 
document.cookie = str+ &#39;=&#39; + &#39;;expires=&#39; + expireDate.toGMTString(); 
} 
} 
}

Kami sudah tahu cara mencipta, mendapatkan dan memadam kuki, kini tiba masanya untuk menggunakan kuki

Mari gunakan kuki untuk membuat pemasa mudah:

var cookieCount = {}; 
cookieCount.count = function () { 
var count = parseInt(this.getCount('myCount')); 
count++; 
document.cookie = 'myCount=' + count + ''; 
alert('第'+count+'访问'); 
} 
cookieCount.setCount= function () { 
//首先得创建一个名为myCount的cookie 
var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate()+1); 
document.cookie = 'myCount=' + '0' +';expires=' + expireDate.toGMTString(); 
} 
cookieCount.getCount = function (countName) { 
//获取名为计数cookie,为其加1 
var arrCookie = document.cookie.split('; '); 
var arrLength = arrCookie.length; 
var ini = true; 
for(var i=0; i<arrLength; i++) { 
if(countName == arrCookie[i].split(&#39;=&#39;)[0]){ 
return parseInt(arrCookie[i].split(&#39;=&#39;)[1]); 
break; 
}else{ 
ini = false; 
} 
} 
if(ini == false)this.setCount(); 
return 0; 
} 
cookieCount.count();

Laluan kuki

Laluan kuki telah disebut pada permulaan artikel ini: path=URL; subdirektori nama domain, nama domain dan lain-lain Kuki ini tidak boleh diakses daripada direktori peringkat yang sama atau direktori peringkat atas Kelebihan menetapkan laluan ialah ia boleh mengakses direktori nama domain dan subkategori nama domain, seperti berikut:

document.cookie='cookieName=cookieValue;expires=expireDate;path=/'

Domain kuki

Tetapkan domain: domain=siteDomain

Ini digunakan terutamanya untuk berkongsi kuki dalam domain yang sama , seperti "www.taobao.com" dan "ued.taobao.com" "Kedua-duanya berkongsi nama domain "taobao.com". Jika kita mahu kuki di bawah "www.taobao.com" diakses oleh "ued .taobao.com", maka kita perlu menetapkan atribut laluan kepada "/", dan Tetapkan domain kuki-->document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao .com'.

Dengan pembangunan berterusan projek web, HTML5 menyediakan dua sifat, window.sessionStorage dan window.localStorage, dan membawa kaedah seperti setItem, getItem, removeItem, clear, dll., yang membolehkan anda menyimpan data secara setempat . Operasi adalah lebih mudah dan lebih mudah.

Di atas ialah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila lawati

Tutorial Video JavaScript

!