WebフロントエンドはどのようにしてCookieを取得しますか?初心者のフロントエンド開発者は知る必要があります

フロントエンド開発では、ユーザーのCookieを取得する必要がある場合があります。これにより、ユーザーが次回Webサイトにログオンするときに、機能を繰り返し調整する必要がなくなります。その実装方法を知っていますか?

完全なJSコードを最初に置き、後ろに機能的なメモがあるので、自分でそれを見ることができます。

3.png

初心者のフロントエンド開発者がCookieを理解して使用できるように、Cookieを設定および取得する方法を紹介しましょう。

1. cookieの設定方法は次のとおりです。cookie.set(key、val、time)

キーはCookieの変数名として理解できます

valはこのCookieの値として理解できます

timeは、Cookieのタイムアウト期間(日数)です。

2. Cookieを取得する方法は次のとおりです。cookie.get(key)

keyは、今設定したときのCookie変数名です。

この値を呼び出すには、関数を新しい変数に割り当てるだけで済みます。次に例を示します。varn = cookie.get(key);

Cookieをデバッグして表示する方法は?

一部のブラウザの開発ツールでCookieを表示できます。この記事では、当面の例としてChromeを使用します。

ページを開いた後、「右クリック->要素の確認->リソース」をクリックし、次の図の例としてフォントサイズを設定すると、変数名、値、有効期限などを表示できます。情報。

4.png

この記事はQianfengEducationからのものです、転載のソースを示してください。

おすすめ

転載: blog.51cto.com/15128702/2676059