Kuki JavaScript
Kuki JavaScript
Kuki digunakan untuk mengenal pasti pengguna.
<html>
<mate chatset="utf-8">
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : "; expires="+exdate.toGMTString())
}
function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Welcome again '+username+'!')}
else
{
username=prompt('请输入姓名:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}
</script>
</head>
<body onLoad="checkCookie()">
</body>
</html>Apakah itu kuki?
Kuki ialah pembolehubah yang disimpan pada komputer pelawat. Kuki ini dihantar setiap kali komputer yang sama meminta halaman melalui penyemak imbas. Anda boleh menggunakan JavaScript untuk mencipta dan mendapatkan semula nilai kuki.
Contoh kuki:
Kuki nama Apabila pelawat melawat halaman buat kali pertama, dia boleh mengisi namanya. Nama akan disimpan dalam kuki. Apabila pelawat kembali ke tapak, mereka menerima mesej alu-aluan seperti "Selamat Datang John Doe!" Nama itu diambil daripada kuki. Kuki kata laluan Apabila pelawat melawat halaman untuk kali pertama, dia boleh mengisi kata laluannya. Kata laluan juga boleh disimpan dalam kuki. Apabila mereka melawat tapak sekali lagi, kata laluan itu diambil daripada kuki. Kuki tarikh Apabila pelawat pertama kali melawat tapak web anda, tarikh semasa boleh disimpan dalam kuki. Apabila mereka melawat tapak itu semula, mereka menerima mesej yang serupa dengan ini: "Lawatan terakhir anda adalah pada hari Selasa 11 Ogos 2005!". Tarikh juga diambil daripada kuki.
Mencipta dan menyimpan kuki
Dalam contoh ini kita akan mencipta kuki yang menyimpan nama pelawat. Apabila pengunjung pertama kali melawat laman web, mereka diminta untuk mengisi nama mereka. Nama akan disimpan dalam kuki. Apabila pelawat kembali ke laman web, mereka menerima mesej alu-aluan.
Pertama, kami akan mencipta fungsi yang menyimpan nama pelawat dalam pembolehubah kuki:
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}Parameter dalam fungsi di atas menyimpan nama, nilai dan tarikh tamat tempoh kuki.
Dalam fungsi di atas, kami mula-mula menukar bilangan hari kepada tarikh yang sah, kemudian, kami menyimpan nama kuki, nilai dan tarikh tamat tempohnya ke dalam objek document.cookie.
Selepas itu, kami ingin mencipta fungsi lain untuk menyemak sama ada kuki telah ditetapkan:
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}Fungsi di atas akan menyemak dahulu sama ada kuki itu wujud dalam objek document.cookie. Jika objek document.cookie menyimpan kuki tertentu, ia akan terus menyemak sama ada kuki yang kami tentukan telah disimpan. Jika kuki yang kita inginkan ditemui, nilai dikembalikan, jika tidak rentetan kosong dikembalikan.
Akhir sekali, kita perlu mencipta fungsi Fungsi fungsi ini ialah: jika kuki telah ditetapkan, paparkan mesej alu-aluan, jika tidak, paparkan kotak gesaan untuk meminta pengguna memasukkan nama.
function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Welcome again '+username+'!')}
else
{
username=prompt('请输入姓名:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}Ini semua kod:
<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Welcome again '+username+'!')}
else
{
username=prompt('请输入姓名:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}
</script>
</head>
<body onLoad="checkCookie()">
</body>
</html>
