目次
クッキーとは何ですか?
(1) Cookieの取得:

jsブラウザのCookie設定例

Mar 13, 2018 pm 04:37 PM
cookies firefox javascript

Cookie は今では誰もがよく言及しますが、Cookie とは一体何で、その機能は何でしょうか? Cookie は、Web ページにメモリ機能を持たせ、特定の情報を特定のコンピュータに保存できるようにするデータ パケットです。 Cookie の動作原理は、Cookie が最初にサーバーによってクライアントのシステムに書き込まれることです。今後この Web ページにアクセスするたびに、クライアントはサーバーに Cookie を送信し、サーバーが判断して HTML コードを生成してクライアントに返します。この原理により、サーバーは異なるユーザーに応じて異なる Cookie ファイルを生成できるため、ユーザーが同じサイトに再度アクセスしたときに、異なる Cookie ファイルに基づいて異なるページ情報を返すことができます。

クッキーとは何ですか?

平たく言うと、Cookie は、Web サイトサーバーがクライアントのハードドライブまたはメモリに少量のデータを保存したり、クライアントのハードドライブからデータを読み取ったりできるようにするテクノロジーです。 Cookie は、Web サイトを閲覧するときに Web サーバーによってハードドライブに保存される非常に小さなテキスト ファイルで、ユーザー ID、パスワード、閲覧した Web ページ、滞在時間などの情報を記録します。 あなたが再びウェブサイトにアクセスすると、ウェブサイトはクッキーを読み取ることによってあなたの関連情報を学習し、ページ上にあなたを歓迎するスローガンを表示したり、IDやパスワードを入力せずに直接ログインできるようにしたりするなど、対応するアクションを実行します。 Cookie ファイルは、ブラウザにサイレントに付随してローカル ハード ドライブに保存されます。私たちが特定のサイトを閲覧すると、そのサイトは私たちのプライバシーを記録する Cookie ファイルをローカル ハード ドライブにアップロードする可能性があります。
Cookie は localStorage に似ており、削除したい場合は手動でのみ削除できます。もちろん、Cookie を削除するだけでなく、データベースを設定、取得、追加、削除、変更、クエリすることもできます。 Cookieの取得と設定には、Cookieプラグインを使用する以外に、js経由でCookieを操作することもできます。ここではjsでCookieを取得、設定、削除する方法を紹介します
(1) Cookieの取得:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}
ログイン後にコピー
ログイン後にコピー

(2) Cookieの設定:

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
ログイン後にコピー
ログイン後にコピー

(3) Cookieの削除:

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
ログイン後にコピー
ログイン後にコピー

例: cookieは今では誰もがよく言及されているので、クッキーは正確には何ですか、そしてそれらの機能は何ですか? Cookie は、Web ページにメモリ機能を持たせ、特定の情報を特定のコンピュータに保存できるようにするデータ パケットです。 Cookie の動作原理は、Cookie が最初にサーバーによってクライアントのシステムに書き込まれることです。今後この Web ページにアクセスするたびに、クライアントはサーバーに Cookie を送信し、サーバーが判断して HTML コードを生成してクライアントに返します。この原理により、サーバーは異なるユーザーに応じて異なる Cookie ファイルを生成できるため、ユーザーが同じサイトに再度アクセスしたときに、異なる Cookie ファイルに基づいて異なるページ情報を返すことができます。

クッキーとは何ですか?

平たく言うと、Cookie は、Web サイトサーバーがクライアントのハードドライブまたはメモリに少量のデータを保存したり、クライアントのハードドライブからデータを読み取ったりできるようにするテクノロジーです。 Cookie は、Web サイトを閲覧するときに Web サーバーによってハードドライブに保存される非常に小さなテキスト ファイルで、ユーザー ID、パスワード、閲覧した Web ページ、滞在時間などの情報を記録します。 あなたが再びウェブサイトにアクセスすると、ウェブサイトはクッキーを読み取ることによってあなたの関連情報を学習し、ページ上にあなたを歓迎するスローガンを表示したり、IDやパスワードを入力せずに直接ログインできるようにしたりするなど、対応するアクションを実行します。 Cookie ファイルは、ブラウザにサイレントに付随してローカル ハード ドライブに保存されます。私たちが特定のサイトを閲覧すると、そのサイトは私たちのプライバシーを記録する Cookie ファイルをローカル ハード ドライブにアップロードする可能性があります。

Cookie は localStorage に似ており、削除したい場合は手動でのみ削除できます。もちろん、Cookie を削除するだけでなく、データベースを設定、取得、追加、削除、変更、クエリすることもできます。 Cookieの取得と設定には、Cookieプラグインを使用する以外に、js経由でCookieを操作することもできます。ここではjsでCookieを取得、設定、削除する方法を紹介します

(1) Cookieの取得:

setCookie("id","1");getCookie("id");delCookie("id");
ログイン後にコピー

(2) Cookieの設定:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}
ログイン後にコピー
ログイン後にコピー

(3) Cookieの削除:

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
ログイン後にコピー
ログイン後にコピー

例:

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
ログイン後にコピー
ログイン後にコピー

関連する推奨事項:

Cookie を使用して 24 時間ごとにポップアップ ボックスを設定する JS サンプル コードを共有します

以上がjsブラウザのCookie設定例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法

Ubuntu LinuxでFirefox Snapを削除するにはどうすればよいですか? Ubuntu LinuxでFirefox Snapを削除するにはどうすればよいですか? Feb 21, 2024 pm 07:00 PM

Ubuntu LinuxでFirefox Snapを削除するにはどうすればよいですか?

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

JavaScriptでinsertBeforeを使用する方法

See all articles