Rumah > hujung hadapan web > tutorial js > Pemahaman pertama dan aplikasi kuki (js dan jq)_Pengetahuan asas

Pemahaman pertama dan aplikasi kuki (js dan jq)_Pengetahuan asas

WBOY
Lepaskan: 2016-05-16 15:06:13
asal
1797 orang telah melayarinya

Apakah itu kuki

------------------------------------------------ -----

Kuki ialah mekanisme yang disediakan oleh penyemak imbas, yang menyediakan atribut kuki objek dokumen kepada JavaScript. Ia boleh dikawal oleh JavaScript dan bukan milik JavaScript itu sendiri. Kuki ialah fail yang disimpan pada pemacu keras pengguna Fail ini biasanya sepadan dengan nama domain Apabila penyemak imbas mengakses semula nama domain, kuki itu tersedia. Oleh itu, kuki boleh merentangi berbilang halaman web di bawah satu nama domain, tetapi tidak boleh digunakan merentas berbilang nama domain.

Kes penggunaan kuki

------------------------------------------------ -----

(1) Simpan status log masuk pengguna. Sebagai contoh, ID pengguna disimpan dalam kuki supaya pengguna tidak perlu log masuk semula apabila dia melawat halaman pada masa akan datang Banyak forum dan komuniti kini menyediakan fungsi ini. Kuki juga boleh menetapkan masa tamat apabila had masa tamat, kuki akan hilang secara automatik. Oleh itu, sistem selalunya boleh menggesa pengguna untuk kekal log masuk: pilihan biasa ialah satu bulan, tiga bulan, satu tahun, dsb.

(2) Jejaki gelagat pengguna. Sebagai contoh, tapak web ramalan cuaca boleh memaparkan keadaan cuaca tempatan berdasarkan wilayah yang dipilih oleh pengguna. Jika anda perlu memilih lokasi setiap kali, ia akan menyusahkan Apabila kuki digunakan, ia akan menjadi sangat mesra pengguna Sistem boleh mengingati kawasan yang dilawati pada kali terakhir pengguna terakhir. Keadaan cuaca di kawasan anda. Kerana segala-galanya dilakukan di latar belakang, halaman sedemikian seolah-olah disesuaikan untuk pengguna tertentu dan sangat mudah digunakan.

(3) Halaman tersuai. Jika tapak web menyediakan fungsi menukar kulit atau menukar susun atur, kuki boleh digunakan untuk merakam pilihan pengguna, seperti warna latar belakang, resolusi, dsb. Apabila pengguna melawat kali seterusnya, gaya antara muka lawatan terakhir masih boleh disimpan.

Cara menggunakan kuki

------------------------------------------------ -----

kaedah js:

function setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure) { //js设置cookie 
        var sCookie = sName + '=' + encodeURIComponent(sValue); 
         if (oExpires) { 
           var date = new Date(); 
           date.setTime(date.getTime() + oExpires * 60 * 60 * 1000); 
           sCookie += '; expires=' + date.toUTCString(); 
        } 
        if (sPath) { 
           sCookie += '; path=' + sPath; 
        if (sDomain) { 
           sCookie += '; domain=' + sDomain; 
        } 
         if (bSecure) { 
           sCookie += '; secure'; 
        } 
         document.cookie = sCookie; 
 }
Salin selepas log masuk
function getCookie(name){ //获取cookie
    var strCookie=document.cookie; 
    var arrCookie=strCookie.split("; "); 
    for(var i=0;i<arrCookie.length;i++){ 
    var arr=arrCookie[i].split("="); 
      if(arr[0]==name){
        return decodeURIComponent(arr[1]); 
      }
    } 
    return ""; 
  }
Salin selepas log masuk
function delCookie(name){//删除cookie
// 该函数检查下cookie是否设置,如果设置了则将过期时间调到过去的时间;
//剩下就交给操作系统适当时间清理cookie啦
if (getCookie(name))
  {
      document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
}
Salin selepas log masuk

kaedah pemalam jq:

laman web rasmi jqhttp://plugins.jquery.com/ Cari pemalam kuki, bersaiz beberapa kilobait, sangat mudah digunakan:


Selepas memperkenalkan fail perpustakaan di atas, kaedah penggunaan adalah seperti berikut:

<script>
    $.cookie('the_cookie'); //读取Cookie值 
    $.cookie('the_cookie', 'the_value'); //设置cookie的值 
    $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等 
    $.cookie('the_cookie', 'the_value'); //新建cookie 
    $.cookie('the_cookie', null); //删除一个cookie 
 </script>
Salin selepas log masuk

Artikel di atas tentang pemahaman dan aplikasi kuki pertama (js dan jq) adalah semua kandungan yang dikongsi oleh editor saya harap ia dapat memberi rujukan kepada anda, dan saya harap anda akan menyokong Script Home.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan