Rumah > hujung hadapan web > tutorial js > Kaedah JS untuk melaksanakan statistik tetamu dan merekod maklumat pelawat berdasarkan kemahiran cookies_javascript

Kaedah JS untuk melaksanakan statistik tetamu dan merekod maklumat pelawat berdasarkan kemahiran cookies_javascript

WBOY
Lepaskan: 2016-05-16 15:47:16
asal
1857 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah menggunakan JS untuk melaksanakan statistik tetamu dan merekod maklumat pelawat berdasarkan kuki. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JavaScript digunakan di sini untuk merekodkan maklumat tetamu bagi pelawat. Nama boleh ditukar.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut:

<html>
<head>
<title>记录客户信息</title>
<script language="JavaScript">
<!--
var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
var VisitorName = GetCookie('VisitorName')
if (VisitorName == null) {
VisitorName = prompt("请输入姓名:",'');
SetCookie ('VisitorName', VisitorName, exp);
}
return VisitorName;
} 
function When(info){
var rightNow = new Date()
var WWHTime = 0;
WWHTime = GetCookie('WWhenH')
WWHTime = WWHTime * 1
var lastHereFormatting = new Date(WWHTime); // 访问时间记录r
var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
var lastHereInDateFormat = "" + lastHereFormatting; 
var dayOfWeek = lastHereInDateFormat.substring(0,3)
var dateMonth = lastHereInDateFormat.substring(4,11)
var timeOfDay = lastHereInDateFormat.substring(11,16)
var year = lastHereInDateFormat.substring(23,25)
var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay // display
SetCookie ("WWhenH", rightNow.getTime(), exp)
return WWHText;
}
function Count(info){
var WWHCount = GetCookie('WWHCount')
if (WWHCount == null) {
WWHCount = 0;
}
else{
WWHCount++;
}
SetCookie ('WWHCount', WWHCount, exp);
return WWHCount;
}
function set(){
VisitorName = prompt("&#63;&#63;&#63;&#63;&#63;&#63;",'');
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) { 
var endstr = document.cookie.indexOf (";", offset); 
if (endstr == -1) 
endstr = document.cookie.length; 
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { //读取cookie中的信息
var arg = name + "="; 
var alen = arg.length; 
var clen = document.cookie.length; 
var i = 0; 
while (i < clen) { 
var j = i + alen; 
if (document.cookie.substring(i, j) == arg) 
return getCookieVal (j); 
i = document.cookie.indexOf(" ", i) + 1; 
if (i == 0) break; 
} 
return null;
}
function SetCookie (name, value) //设置Cookie内容
{ 
var argv = SetCookie.arguments; 
var argc = SetCookie.arguments.length; 
var expires = (argc > 2) &#63; argv[2] : null; 
var path = (argc > 3) &#63; argv[3] : null; 
var domain = (argc > 4) &#63; argv[4] : null; 
var secure = (argc > 5) &#63; argv[5] : false; 
document.cookie = name + "=" + escape (value) + 
((expires == null) &#63; "" : ("; expires=" + expires.toGMTString())) + 
((path == null) &#63; "" : ("; path=" + path)) + 
((domain == null) &#63; "" : ("; domain=" + domain)) + 
((secure == true) &#63; "; secure" : "");
}
function DeleteCookie (name) { 
var exp = new Date(); 
exp.setTime (exp.getTime() - 1); 
// 历史记录
var cval = GetCookie (name); 
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
 -->
</script>
</head>
<body bgcolor="#ADADAD">
<hr>
<div align="center"><center>
  <font color="#FF0000">访客登记</font></p>
  <table border="0" width="523" cellspacing="0" cellpadding="0" height="34">
   <tr>
    <td width="1" height="16"><br>
    </td>
    <td width="552" height="16"><table border="1" width="100%">
     <tr>
      <td width="100%" bgcolor="#e8ffe8"><font color="#CC0099"><script language="JavaScript">
<!-- Hide this script from old browsers --
document.write("您好 <b>" + Who() + "</b>,您是第 <b>" + Count() + "</b> 次访问本主页. 最后一次是 <b>" + When() +"</b>. ")
document.write('<a href="JavaScript:set()">[按此改名]</a>')
// -- End Hiding Here -->
</script> 
      </font></td>
     </tr>
    </table>
</center></div>
<div align="center">
<font class=30pt>显示的信息有:您留的名字;您浏览该网页的次数;您上次浏览网页的时间。可以更改姓名。
</font>
</div>
</body>
</html>
Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

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