JavaScriptのCookieの設定と削除について詳しく解説_javascriptスキル
May 16, 2016 pm 05:00 PM
クッキーを設定する
Cookie を設定する
各 Cookie は、次の文字列を document.cookie に割り当てることができます。
複数の名前と値のペアを一度に保存したい場合は、セミコロンとスペース (;) を使用してそれらを区切ることができます。例:
document.cookie="userId=828; userName=hulk";
セミコロン (;)、カンマ (,)、等号 (=)、およびスペースは、Cookie の名前または値に使用できません。これを Cookie の名前で行うのは簡単ですが、保存される値は未定義です。これらの値を保存するにはどうすればよいでしょうか? その方法は、いくつかの特殊な記号の 16 進表現を使用できる、escape() 関数を使用することです。たとえば、スペースは「20%」としてエンコードされ、Cookie 値に保存されます。 , この解決策を使用すると、中国語の文字化けの発生も回避できます。例:
document.cookie="str="scape("I love ajax");
は次と同等です:
document.cookie="str=I love ajax"; >
escape() エンコードを使用する場合、値を取り出して元の Cookie 値を取得した後、unescape() を使用してデコードする必要があります。これは以前に紹介しました。
document.cookie はプロパティのように見えますが、異なる値を割り当てることができます。ただし、一般的な属性とは異なります。たとえば、次の 2 つのステートメントを連続して実行しても、元の値が失われるわけではありません。 cookie="userName=hulk";
現時点では、ブラウザーは userId と userName という 2 つの Cookie を保持するため、document.cookie に値を割り当てることは、次のようなステートメントを実行することに似ています。 document.addcookie("userId=828");
document.addcookie("userName=hulk");
実際、ブラウザはこのように Cookie を設定します。 Cookie の値のみを再割り当てする必要があります。例:
document.cookie="userId=929";
これにより、userId という名前の Cookie 値が 929 に設定されます。
Cookie の値を取得する
Cookie の値を取得する方法を説明します。 Cookie の値は document.cookie から直接取得できます:
var strcookie=document.cookie;
これは、セミコロンで区切られた複数の名前と値のペアで構成される文字列を取得します。値ペアには、このドメイン名の下にあるすべての Cookie が含まれます。例: <script language="JavaScript" type="text/JavaScript"> <!--
document.cookie="userId=828"; = "userName=hulk";
alert(strcookie);
;出力された Cookie の値を示します。すべての Cookie 値を一度に取得することしかできないことがわかりますが、指定した値を取得するために Cookie 名を指定することはできません。これが Cookie 値の処理で最も面倒な部分です。ユーザーはこの文字列を自分で分析して、指定された Cookie 値を取得する必要があります。たとえば、userId の値を取得するには、次のようにします。
各 Cookie は、次の文字列を document.cookie に割り当てることができます。
複数の名前と値のペアを一度に保存したい場合は、セミコロンとスペース (;) を使用してそれらを区切ることができます。例:
document.cookie="userId=828; userName=hulk";
セミコロン (;)、カンマ (,)、等号 (=)、およびスペースは、Cookie の名前または値に使用できません。これを Cookie の名前で行うのは簡単ですが、保存される値は未定義です。これらの値を保存するにはどうすればよいでしょうか? その方法は、いくつかの特殊な記号の 16 進表現を使用できる、escape() 関数を使用することです。たとえば、スペースは「20%」としてエンコードされ、Cookie 値に保存されます。 , この解決策を使用すると、中国語の文字化けの発生も回避できます。例:
document.cookie="str="scape("I love ajax");
は次と同等です:
document.cookie="str=I love ajax"; >
escape() エンコードを使用する場合、値を取り出して元の Cookie 値を取得した後、unescape() を使用してデコードする必要があります。これは以前に紹介しました。
document.cookie はプロパティのように見えますが、異なる値を割り当てることができます。ただし、一般的な属性とは異なります。たとえば、次の 2 つのステートメントを連続して実行しても、元の値が失われるわけではありません。 cookie="userName=hulk";
現時点では、ブラウザーは userId と userName という 2 つの Cookie を保持するため、document.cookie に値を割り当てることは、次のようなステートメントを実行することに似ています。 document.addcookie("userId=828");
document.addcookie("userName=hulk");
実際、ブラウザはこのように Cookie を設定します。 Cookie の値のみを再割り当てする必要があります。例:
document.cookie="userId=929";
これにより、userId という名前の Cookie 値が 929 に設定されます。
Cookie の値を取得する
Cookie の値を取得する方法を説明します。 Cookie の値は document.cookie から直接取得できます:
var strcookie=document.cookie;
これは、セミコロンで区切られた複数の名前と値のペアで構成される文字列を取得します。値ペアには、このドメイン名の下にあるすべての Cookie が含まれます。例: <script language="JavaScript" type="text/JavaScript"> <!--
document.cookie="userId=828"; = "userName=hulk";
alert(strcookie);
;出力された Cookie の値を示します。すべての Cookie 値を一度に取得することしかできないことがわかりますが、指定した値を取得するために Cookie 名を指定することはできません。これが Cookie 値の処理で最も面倒な部分です。ユーザーはこの文字列を自分で分析して、指定された Cookie 値を取得する必要があります。たとえば、userId の値を取得するには、次のようにします。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7285
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1206
29

