ホームページ > 記事 > ウェブフロントエンド > Js Cookieの操作(設定・読み込み・削除)例を詳しく解説
仕事でよく使う
Js Cookie操作まとめ(設定・読み込み・削除)!以下は詳細なコードです。間違いがある場合は、修正するためにメッセージを残してください。
JavaScriptはクライアント側で実行されるスクリプトであり、セッションはサーバー側で実行されるため、通常はセッションを設定することはできません。
そして、Cookie はクライアント上で実行されるため、JS を使用して Cookie を設定できます
あるユースケースのプロセスで、ページ A で JS を使用すると、ページ A からページ B にジャンプするような状況があるとします。変数 temp は、ページ B にいる場合、JS を使用して temp の変数値を参照する必要があります。ページジャンプ時や JS 内の静的変数のライフサイクルは制限されています。ページが閉じられると、これらの変数の値が再ロードされます。つまり、保存された効果は達成されません。この問題に対する最善の解決策は、Cookie を使用して変数の値を保存することです。では、Cookie を設定および読み取るにはどうすればよいでしょうか。
まず、Cookie の構造を少し理解する必要があります。簡単に言えば、Cookie はキーと値のペアの形式、つまり key=value 形式で保存されます。通常、各 Cookie は「;」で区切られます。
JS 設定 Cookie:
ページ A で、変数 username (「jack」) の値を Cookie に保存し、キー値が name であると仮定すると、対応する JS コードは次のようになります:
document .cookie="name="+username;
JS は Cookie を読み取ります:
Cookie に格納されているコンテンツが name=jack;password=123 であるとします。
ページ B の変数 username の値を取得する JS コードは次のとおりです:
var username=document.cookie.split(";")[0].split("=")[1]; //JS操作cookies方法! //写cookies function 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(); }
Cookieを読む
function getCookie(name) { var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null; }
Cookieを削除する
function delCookie(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=getCookie(name); if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString(); } //使用示例 setCookie("name","hayden"); alert(getCookie("name")); //如果需要设定自定义过期时间 //那么把上面的setCookie 函数换成下面两个函数就ok; //程序代码 function setCookie(name,value,time) { var strsec = getsec(time); var exp = new Date(); exp.setTime(exp.getTime() + strsec*1); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); } function getsec(str) { alert(str); var str1=str.substring(1,str.length)*1; var str2=str.substring(0,1); if (str2=="s") { return str1*1000; } else if (str2=="h") { return str1*60*60*1000; } else if (str2=="d") { return str1*24*60*60*1000; } } //这是有设定过期时间的使用示例: //s20是代表20秒 //h是指小时,如12小时则是:h12 //d是天数,30天则:d30 setCookie("name","hayden","s20");
【関連する推奨事項】
1. Cookieを無効にし、ブラウザを閉じた後にセッションとCookieが破棄される問題を解決する方法
2. Cookieとは何ですか。 ? Cookieは何に使用されますか?
以上がJs Cookieの操作(設定・読み込み・削除)例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。