JavaScript における Cookie の認識

定義
HTTPS プロトコルが誕生する前は、Web ブラウザとサーバーは HTTP プロトコルを介して通信する必要がありました。HTTP プロトコルはステートレスプロトコルです。サーバーとブラウザが対話を完了すると (ブラウザがサーバーにリクエストを送信し、サーバーが応答した後)、リンクは閉じられ、サーバーはブラウザーを忘れます。Cookie は、サーバーがブラウザを記憶できるようにするために発明されました。

ブラウザを使用して特定のページにアクセスすると、一部のブラウザ情報が Cookie に保存されることがあります。ブラウザがサーバーにリクエストを送信するたびに、Cookie はリクエストの一部としてサーバーに送信されるため、サーバーは次のことを行うことができます。ブラウザに情報を記憶するために Cookie を渡します。
Cookie は通常、サーバーで開始されたページでのみ使用できます。解決策: vscode はライブサーバー
構文をインストールします。

クッキーを作成する

document.cookie = 'key = value'

document.cookie = 'qq = 123456789'
// 设置一条cookie
document.cookie = 'qq = 123456789'
document.cookie = 'password = 000000'
// 设置多条cookie

Cookie の値を変更または更新する JS Cookie の値
を変更または更新する唯一の方法は、同じ名前の Cookie を作成して、変更する Cookie を置き換えることです。変更する Cookie がパス属性を定義している場合、この属性を変更するときに同じパス属性も定義する必要があることに注意してください。定義しないと、新しい Cookie が作成されます。サンプルコードは次のとおりです。

<script>
  // 创建一个 Cookie
  document.cookie = "url=http://c.biancheng.net/; path=/; max-age=" + 30*24*60*60;
  // 修改这个 Cookie
  document.cookie = "url=http://c.biancheng.net/javascript/; path=/; max-age=" + 365*24*60*60;
</script>

JS Cookie の削除
Cookie の削除は Cookie の変更と似ており、次の例に示すように、Cookie の値を再度空に設定し、expires プロパティを過去の日付に設定するだけです。

<script>
  // 创建一个 Cookie
  document.cookie = "url=http://c.biancheng.net/; path=/; max-age=" + 30*24*60*60;
  // 删除这个 Cookie
  document.cookie = "url=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
</script>

Cookie に有効期限を設定します
。どのタイムゾーンが設定されていても、世界標準時に従って設定されます。例として中国は東 8 区にあります。有効期限を設定する必要がある場合は、、8 時間後に希望の有効期限を加えて調整する必要があります。

//例如:现在需要设置一条10秒后过期的cookie
//思路:
//1.获取当前时间
//2.将当前时间往后调整8个人小时
//3.把调整后的时间加上我们需要设置的时间

var timer = new Date()
timer.setTime(timer.getTime()-1000*60*60*8+1000*10)
document.cookie = 'vx = 00000;expires=' + timer
console.log(document.cookie)

JavaScript における Cookie の認識

おすすめ