クッキーとは何ですか？
Cookieは、訪問者のコンピューターに保存されている可変です。このCookieは、同じコンピューターがブラウザを介してページをリクエストするたびに送信されます。 JavaScriptを使用して、Cookieの値を作成および取得できます。
クッキーの例：
名前のクッキー
訪問者が最初にページを訪れるとき、彼または彼女は自分の名前を記入することができます。名前はCookieに保存されます。訪問者が再びウェブサイトにアクセスすると、彼らは「Welcome John Doe！」のような歓迎のスピーチを受けます。名前はCookieから取得されます。
パスワードクッキー
訪問者が最初にページにアクセスするとき、彼または彼女はパスワードに記入することができます。パスワードはCookieに保存することもできます。彼らが再びウェブサイトにアクセスすると、パスワードはCookieから取得されます。
デートクッキー
訪問者が最初にウェブサイトにアクセスすると、現在の日付はCookieに保存できます。彼らが再びウェブサイトにアクセスすると、彼らは次のようなメッセージを受け取ります：「あなたの最後の訪問は2005年8月11日火曜日でした！」。日付もCookieから取得されます。
クッキーを作成して保存します
この例では、訪問者の名前を保存するCookieを作成します。訪問者が最初にウェブサイトにアクセスするとき、彼らは自分の名前を記入するように求められます。名前はCookieに保存されます。訪問者が再びウェブサイトにアクセスすると、彼らはウェルカムメッセージを受け取ります。
まず、訪問者の名前をCookie変数に保存する関数を作成します。
コードコピーは次のとおりです。
<span style = "font-size：14px;"> function setcookie（c_name、value、expedays）
{
var exdate = new date（）
exdate.setdate（exdate.getDate（）+expedays）
document.cookie = c_name+ "="+ escase（value）+
（（expedays == null）？ ""： "; expires ="+exdate.togmtstring（））
} </span>
上記の関数のパラメーターには、Cookieの期限切れの日の名前、値、および数が含まれています。
上記の関数では、最初に日数を有効な日付に変換し、次にCookie名、値、およびその有効期限をdocument.cookieオブジェクトに預けます。
その後、Cookieが設定されているかどうかを確認するために別の関数を作成する必要があります。
コードコピーは次のとおりです。
<span style = "font-size：14px;"> 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
unescape（document.cookie.substring（c_start、c_end）を返す）
}
}
戻る ""
} </span>
上記の関数は、最初にdocument.cookieオブジェクトにcookieがあるかどうかを確認します。 document.cookieオブジェクトに特定のCookieが含まれている場合、指定したCookieが保存されているかどうかを確認し続けます。必要なCookieが見つかった場合、値は返されます。そうしないと、空の文字列が返されます。
最後に、関数を作成したいと考えています。関数は次のとおりです。Cookieが設定されている場合、歓迎される単語が表示されます。そうしないと、ユーザーに名前を入力するように依頼するためにプロンプトボックスが表示されます。
コードコピーは次のとおりです。
<span style = "font-size：14px;"> function checkcookie（）
{
username = getCookie（ 'username'）
if（username！= null && username！= ""）
{alert（ 'welcome'+username+'！'）}
それ以外
{
username = prompt（ 'あなたの名前を入力してください：'、 ""）
if（username！= null && username！= ""）
{
SetCookie（ 'username'、username、365）
}
}
} </span>
これがすべてのコードです：
コードコピーは次のとおりです。
<span style = "font-size：14px;"> <html>
<head>
<script type = "text/javascript">
関数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
unescape（document.cookie.substring（c_start、c_end）を返す）
}
}
戻る ""
}
function setcookie（c_name、value、expedays）
{
var exdate = new date（）
exdate.setdate（exdate.getDate（）+expedays）
document.cookie = c_name+ "="+ escase（value）+
（（expedays == null）？ ""： "; expires ="+exdate.togmtstring（））
}
関数checkcookie（）
{
username = getCookie（ 'username'）
if（username！= null && username！= ""）
{alert（ 'welcome'+username+'！'）}
それ以外
{
username = prompt（ 'あなたの名前を入力してください：'、 ""）
if（username！= null && username！= ""）
{
SetCookie（ 'username'、username、365）
}
}
}
</script>
</head>
<body onload = "checkcookie（）">
</body>
</html> </span>