jsブラウザのCookie設定例-jsチュートリアル-php.cn

jsブラウザのCookie設定例

小云云

リリース： 2018-03-13 16:37:26

オリジナル

1472 人が閲覧しました

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 は 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();
}

ログイン後にコピー