JavaScript Cookieの詳しい説明と簡単なアプリケーション例（グラフィックチュートリアル）

この記事では、JavaScript Cookie の詳細な説明と、簡単なサンプル アプリケーションの関連情報を主に紹介します。ここでは、JS Cookie の概要、基本的なプロパティ、簡単なアプリケーションについて詳しく説明します。必要な方は参考にしてください。 JavaScript Cookie の説明

1. Cookie の基本的な紹介

Cookie はドキュメントのオブジェクトです。 Cookie を使用すると、JavaScript コードがユーザーのハード ドライブにデータを永続的に保存し、この方法で保存されたデータを取得できるようになります。 Cookie はクライアント側のスクリプト作成にも使用できます。

Cookieデータは、WebブラウザとWebサーバー間で自動的に転送されます。

ブラウザでは、navigator.cookieEnabled 属性を通じてブラウザの Cookie 機能が有効になっているかどうかを確認できます。

2. Cookie の基本属性

各 Cookie には 4 つのオプション属性があります

1.expires

は Cookie の有効期間を指定します。期限切れ後に Cookie を無効にするには、expires 属性を将来の有効期限に設定します。

次に、これを max-age 属性に置き換えて、Cookie の有効期間を秒単位で設定します。最大有効期間を超えると、Cookie はブラウザによって Cookie ファイルから自動的に削除されます

2.path

は、Cookie に関連付けられた Web ページを指定します。デフォルトでは、Cookie は、それを作成した Web ページ、この Web ページと同じディレクトリ内の Web ページ、およびこのディレクトリのサブディレクトリ内の Web ページに関連付けられます。

これは主に Web ページに対する Cookie の可視性を設定します。 www.a.com/list へのパスを追加すると、www.a.com/list/a.html と www.a.com/list/b.html の両方が Cookie にアクセスできますが、www.a.com/comtainこの Cookie にはアクセスできません。ただし、パスが www.a.com/ に設定されている場合は、www.a.com/list と www.a.com/contain の両方が Cookie にアクセスできます。

3.domain

デフォルトでは、同じ Web サーバーのページのみが Cookie にアクセスでき、ドメインを設定できます。たとえば、Cookie パスが / に設定され、Cookie が .example.com に設定されている場合、catalog.example.com およびorders.example.com にあるすべての Web ページと、以下の他のサーバーにある Web ページも対象となります。 .example.com ドメイン名にアクセスできます

注: Cookie のドメインは、サーバーが配置されているドメイン以外のドメインに設定することはできません

4.source

ソースは次のとおりです。ブール値。 true は安全でない HTTP によって送信されます (デフォルト)、 false はブラウザとサーバーが HTTPS またはその他の安全なプロトコルを介して接続されている場合にのみ送信されます。

3. Cookie の応用

Cookie は、name=value 構造で構成される文字列です。 Cookie の例:

version=1.0;max-age=3600

各文字列にはカンマやスペースを含めることはできないため、Cookie を記述するときは、encodeURIComponent を使用して変数内の関連するシンボルを削除する必要があることに注意してください。読んでいるとき

1 年間保存できるクッキーを作成するには:

document.cookie = “version=” + document.lastModified + “;max-age=” + (60*60*24*365);

上記は、将来皆さんのお役に立てれば幸いです。

関連記事:

NodeJS は全能です: 10 の驚くべき NodeJS オープンソース プロジェクトを数えます

JS での this のポイントと call と apply の役割 (画像とテキストのチュートリアル)

とは

js

の小数点以下を四捨五入する方法? (画像とテキストのチュートリアル)

以上がJavaScript Cookieの詳しい説明と簡単なアプリケーション例（グラフィックチュートリアル）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。