jsブラウザのCookie設定例

小云云
リリース: 2018-03-13 16:37:26
オリジナル
1437 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート