クッキーとは何ですか?
Cookieは、コンピューターに保存されている可変です。同じコンピューターがブラウザを介してページをリクエストするたびに、このCookieが送信されます。 JavaScriptを使用して、Cookieの値を作成および取得できます。
Cookieの使用シナリオ:
名前のクッキー
訪問者が初めてページを訪れるとき、彼または彼女の名前を記入することができます。名前はCookieに保存されます。訪問者が再びウェブサイトにアクセスすると、彼らは「歓迎のジョン・ドー!」に似た歓迎の言葉を受け取ります。名前はCookieから取り戻されます。
ケーブルクッキー
訪問者が初めてページにアクセスすると、パスワードを記入することができます。パスワードはCookieに保存することもできます。彼らが再びウェブサイトにアクセスすると、パスワードはCookieから取り戻されます。
デートクッキー
訪問者が初めてあなたのウェブサイトにアクセスすると、現在の日付はCookieに保存できます。彼らが再びウェブサイトにアクセスすると、彼らは次のようなメッセージを受け取ります:「あなたの最後の訪問は2005年8月11日火曜日でした!」。日付もCookieから取り戻されます。
クッキーを作成して保存します
この例では、訪問者の名前を保存するCookieを作成したいと考えています。訪問者が初めてウェブサイトを訪れたとき、彼らは自分の名前を記入するように求められました。名前はCookieに保存されます。訪問者が再びウェブサイトにアクセスすると、彼らは歓迎の言葉を受け取ります。
まず、インタビュアーの名前をCookie変数に保存できる関数を作成します。
Cookieの作成は実際に弦の戦いです:
「username = amosli; expires = mon、16 Dec 2013 16:20:04 GMT」
次に、document.cookie =上の文字列。
次のようにコードコードをコピーします。
function setcookie(c_name、value、expedays)
{{
var expondate = new date()
exdate.setdate(exdate.getDate()+expedays)
document.cookie = c_name+ "="+ escase(value)+
((expedss == null)? ":": ";; expires ="+exdate.togmtring()))
}
上記の関数のパラメーターには、Cookieの名前、値、および日数があります。
上記の関数では、最初に有効な日付で日数を変換し、次にCookie名、値、およびその有効期限をdocument.cookieオブジェクトに保存しました。
その後、Cookieが設定されているかどうかを確認するために別の関数を作成します。
getCookie()のコアはdocument.cookieです。
次のようにコードコードをコピーします。
関数getCookie(c_name)
{{
if(document.cookie.length> 0)
{{
c_start = document.cookie.indexof(c_name + "=")
/*
Cookieは文字列のセットです。 __UTMC = 119627022; .2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2 .2.2.2.utmcsr |。
*/
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)を返す)
}
}
戻る "" ""
}
上記の関数は、最初にdocument.cookieオブジェクトにCookieがあるかどうかを確認します。 document.cookieオブジェクトにCookieがある場合、指定されたCookieが保存されているかどうかを確認し続けます。必要なクッキーを見つけた場合、値を返します。そうしないと、空の文字列が返されます。
最後に、この関数の関数は次のとおりです。Cookieが設定されている場合、歓迎の単語が表示されます。
次のようにコードコードをコピーします。
関数checkcookie()
{{
username = getCookie( 'username')
if(username!= null && username!= "")
{alert( 'welcom again'+username+'!')}
それ以外
{{
username = prompt( 'あなたの名前を入力してください:'、 "")
if(username!= null && username!= "")
{{
SetCookie( 'username'、username、365)
}
}
}
これはすべてコードです:
次のようにコードコードをコピーします。
<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 expondate = new date()
exdate.setdate(exdate.getDate()+expedays)
document.cookie = c_name+ "="+ escase(value)+
((expedss == null)? ":": ";; expires ="+exdate.togmtring()))
}
関数checkcookie()
{{
username = getCookie( 'username')
if(username!= null && username!= "")
{alert( 'welcom again'+username+'!')}
それ以外
{{
username = prompt( 'あなたの名前を入力してください:'、 "")
if(username!= null && username!= "")
{{
SetCookie( 'username'、username、365)
}
}
}
</script>
</head>
<bodyのみ= "checkcookie()">
</body>
</html>