ホームページ > 記事 > ウェブフロントエンド > フロントエンドにCookieを設定する方法
今回はフロントエンドにCookieを設定する方法と、フロントエンドにCookieを設定する際の注意点を紹介します。実際のケースを見てみましょう。
とは: クライアントのハードドライブに情報を保存する手段です。なぜ使用するのですか? : 情報を保存し、特殊効果を実現するために使用できます。たとえば、一定の日数の間ログインを回避したり、少量のデータを保存したりできます。
Cookie 内の一部のフィールドの意味:
key=value (key=value) は、Cookie のキーと値のペアです。通常、対応する値はキー
の期限に基づいて取得されます。 (有効期限) を設定するには、Cookie の有効期限も ';' で区切ります。今日から 30 日後の日付。有効期限が設定されていない場合、ブラウザはデフォルトで Cookie を閉じて消去します。
を通じてのみ送信できます。
document.cookie; //获取cookie "aaa=aaa;bbb=bbb" //类似于这种格式,但是并不是字符串。 //设置cookie,也可以用来进行删除cookie,即将过期时间设置为过去的时间,最后一个参数可以传负数来实现 function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "expires="+d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires; } setCookie('cjs','cjs',30); //设置 name为cjs,value为cjs的一个cookie,并且时间为30天。 setCookie('cjs','cjs',-1); //让该cookie过期,然后在document.cookie中就没有cjs=cjs这个cookie了。但是其他key=value还存在 //获取某个key的cookie function getCookie(key){ let arr1 = document.cookie.split(';'); for(let i=0;i<arr1.length;i++){ let arr2 = arr1[i].split('='); if(key.trim() === arr2[0].trim()){ return (arr2[1]); } } return ""; } getCookie('cjs'); //因为上面已经将cjs这个cookie干掉了,所以这里得到为 ""
注: Google ブラウザでローカル HTML ファイルを開くときに、Cookie に値を直接割り当てることは許可されていませんが、Firefox では可能です。したがって、テストする場合は、まずローカルでサーバーを開き、次にローカル IP を使用してファイルにアクセスします。 Cookie 操作を実行します。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイト
その他の CSSを使用して卓球の格闘アニメーションを実現するCSSを使用して卓球の格闘アニメーションを実現する以上がフロントエンドにCookieを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。