ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript が Cookie を使用して一時的な訪問者情報を記録する方法_JavaScript のヒント

JavaScript が Cookie を使用して一時的な訪問者情報を記録する方法_JavaScript のヒント

WBOY
WBOYオリジナル
2016-05-16 16:05:191174ブラウズ

この記事の例では、JavaScript が Cookie を使用して一時的な訪問者情報を記録する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

ユーザーが初めて Web ページにアクセスするとき、ユーザーはニックネームを入力するように求められ、それを Cookie に書き込みます。ユーザーが再度アクセスすると、Cookie 情報が読み取られ、ユーザーのニックネームが抽出されます。ユーザーは大歓迎です

<!DOCTYPE html>
<html>
<head>
<script>
function getCookie(c_name)
{
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1)
 {
 c_start = c_value.indexOf(c_name + "=");
 }
if (c_start == -1)
 {
 c_value = null;
 }
else
 {
 c_start = c_value.indexOf("=", c_start) + 1;
 var c_end = c_value.indexOf(";", c_start);
 if (c_end == -1)
  {
  c_end = c_value.length;
  }
 c_value = unescape(c_value.substring(c_start,c_end));
 }
return c_value;
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) &#63; "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
 {
 alert("Welcome again " + username);
 }
else
 {
 username=prompt("Please enter your name:","");
 if (username!=null && username!="")
  {
  setCookie("username",username,365);
  }
 }
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。