世界を変えるために、コードをコーディングするKEEP
20180909解決JSクッキーの設定、アクセスと検索
引用: JavaScriptのクッキー- runoob.comによって
クッキーデータは、訪問者のための情報の保存、コンピュータのテキストファイルに格納され、あなたは、次のページを開いたときに参照することができます。
あなたはページ/参照の訪問者情報、クッキーのJavaScriptの設定、アクセスおよび検索の三つの機能の必要性を設定した場合。
訪問者が最初のページを訪問したときに、ページが訪問者(ビジターデータ)を取得されますたとえば、ページの訪問者は、(設定データ)にログインするために必要な情報のための検索がない場合、訪問者が次回にログインしたときに、ページが自動的にデータを返します。 。
以下は、ユーザー名クッキーケース解釈を節約するために私の個人的な使用されています。
1)クッキーを取得します
ページには、クッキーの訪問者情報がある場合、「ゲッター」(getCookie)と呼ばれ、ユーザー名を返している、(オンロード)開いたときに、ユーザーに「設定機能」(ますsetcookie)を呼び出していない「検索機能」(checkCookie)を呼び出します名前のセット。
1 <本体のonload = "checkCookie( )"> <! - ページが開かれたときに呼び出されcheckCookie() - > 2 3 <スクリプト>。 4 checkCookie関数() 5 { 6 VAR = getCookieユーザ( "ユーザ名")。ヌル値(ユーザー名)が返された場合、//、ユーザ名でgetCookie()を呼び出し 7 IF。(ユーザー= "!"){ 8アラート(ユーザー+ "購入のためのバック可能な");。 。9} 10 {他 。11 =ユーザープロンプト(「あなたの名前を入力してください: 」、「」); // ページのポップアップ「を入力してくださいユーザー名」ユーザーの値の窓、塗りつぶし {//入力時(「&&ユーザー= nullを12であれば !ユーザー=」!) ユーザ名がNULLでない場合、ますsetcookieは、属性()としてユーザに移し 13ますsetcookie(「ユーザ名」、ユーザ 、30)。 14} 15} 16} 17 </スクリプト> 18 19 </ BODY>
初上陸ウィンドウがポップアップ表示されます:
2.設定されたCookie
ますsetcookieパラメータ定義関数(CNAME、cvalue、exdays)は 『クッキー名』、 『Cookie値』と 『Cookieの有効期限の時間』への訪問者の情報の値を保存します。
検索機能では、30はsetcookieを保存するには、以下の3つの値(CNAME、cvalue、exdays)で、私は、ユーザー名「エイコン・ウォン」、機能「ユーザ名」、「エイコンウォン」と入力してみましょう
ますsetcookie関数1(CNAME、cValue、exdays) 2 { 3 = DのVAR新しい新A日付();。 。4 d.setTime(d.getTime()+(exdays * 10000 * 24 * 60 * 60)); //セット時間(30 checkCookie値は、設定exdays)+ exdaysミリ秒現在時刻の 5 varが期限切れには= "期限切れになる=" + d.toUTCString(); // セットの文字列の表示時間(toGMTString()廃止) 6 document.cookie = CNAME + "=" + cvalue + ";" +満了し; //はcheckCookie(によってクッキー形式を設定)クッキー文字列の後に結果である"ユーザ名=エイコンウォン'有効期限'" } 7
3.取得クッキー
次回は、あなたがページを開くと、checkCookie機能のページには、ユーザー名「エイコン・ウォン」、および戻り値を格納するためにクッキーgetCookie機能で利用できるようになります。
getCookie機能1(CNAME) 2 { 3 CNAME +するvar名= "="、 "ユーザ名="変数の値の//定義 4 VARのCA = document.cookie.split( '; '); // のクッキーカンマで区切られた配列に文字列データ 5(VAR iが0 =; I <ca.lengthは、I ++){// クッキーを介して機能ループのデータが、 図6 VAR C = CA [I] .trim()。 7場合(c.indexOf(名)== 0){戻りc.substring(name.length、c.length);} // 、先頭"ユーザ名="キーワード文字"名前"のデータは、以下(すなわち、ユーザ名) 8}。 9リターン「」;。、キーワードが見つからない場合//データは、nullが初期値設定checkCookie内に戻される 10}
ログインするために再びようこそ。
コンプリート機能:
1 <!DOCTYPE HTML> 2 <HTML> 3 <ヘッド> 4 <メタのcharset = "UTF-8"> 5 <タイトル>設定されたCookie </タイトル> 6 </ HEAD> 7 <本体のonload = "checkCookie()" > 8 9 <PのID = "デモ"> </ P> 10 11 <スクリプト> 12関数ますsetcookie(CNAME、cvalue、exdays) 13 { 14のvar D =新しいDate(); 15 d.setTime(d.getTime()+(exdaysが* 24 * 60 * 60 * 1000))。//クッキーの原因日設定 = 16 varが期限切れになると、 "期限が切れる=" + d.toUTCString(); 17ドキュメント。 クッキーの18は//タイプ: 日19} 20 21関数getCookie(CNAME) 22 { 23 VAR名= CNAME + "="。 24 VaRのCA = document.cookie.split( ';'); //リターン「『ユーザ名』;ユーザ名; 時間」 25(VAR iが0 =; I <ca.length; I ++){ 26 VARのC = CA [i]が.trim()。 27 IF(c.indexOf(名)== 0){戻りc.substring(name.length、c.length)。} 28} 29リターン""。 30} 31 32機能checkCookie() 33 { 34 //ユーザ名が存在しているかどうかをチェックするgetCookie()を実行します。 36(ユーザ= "!"){もし 37アラート( "+ユーザウェルカムバック")。 38} 39 {他 40ユーザー=プロンプト( "あなたの名前を入力してください:"、 ""); 41 //プロンプト()メッセージを返すことができるユーザ入力 42 IF(ユーザ!= "" &&ユーザ!= NULL){ 43 //実行ますsetcookie()クッキーにメッセージを格納します。 44ますsetcookie( "ユーザ名"、ユーザ、30)。 48 </スクリプト> 49 </ BODY> 50 </ HTML>
引用: JavaScriptのクッキー- runoob.comによって
クッキーデータは、訪問者のための情報の保存、コンピュータのテキストファイルに格納され、あなたは、次のページを開いたときに参照することができます。
あなたはページ/参照の訪問者情報、クッキーのJavaScriptの設定、アクセスおよび検索の三つの機能の必要性を設定した場合。
訪問者が最初のページを訪問したときに、ページが訪問者(ビジターデータ)を取得されますたとえば、ページの訪問者は、(設定データ)にログインするために必要な情報のための検索がない場合、訪問者が次回にログインしたときに、ページが自動的にデータを返します。 。
以下は、ユーザー名クッキーケース解釈を節約するために私の個人的な使用されています。
1)クッキーを取得します
ページには、クッキーの訪問者情報がある場合、「ゲッター」(getCookie)と呼ばれ、ユーザー名を返している、(オンロード)開いたときに、ユーザーに「設定機能」(ますsetcookie)を呼び出していない「検索機能」(checkCookie)を呼び出します名前のセット。
1 <本体のonload = "checkCookie( )"> <! - ページが開かれたときに呼び出されcheckCookie() - > 2 3 <スクリプト>。 4 checkCookie関数() 5 { 6 VAR = getCookieユーザ( "ユーザ名")。ヌル値(ユーザー名)が返された場合、//、ユーザ名でgetCookie()を呼び出し 7 IF。(ユーザー= "!"){ 8アラート(ユーザー+ "購入のためのバック可能な");。 。9} 10 {他 。11 =ユーザープロンプト(「あなたの名前を入力してください: 」、「」); // ページのポップアップ「を入力してくださいユーザー名」ユーザーの値の窓、塗りつぶし {//入力時(「&&ユーザー= nullを12であれば !ユーザー=」!) ユーザ名がNULLでない場合、ますsetcookieは、属性()としてユーザに移し 13ますsetcookie(「ユーザ名」、ユーザ 、30)。 14} 15} 16} 17 </スクリプト> 18 19 </ BODY>
初上陸ウィンドウがポップアップ表示されます:
2.設定されたCookie
ますsetcookieパラメータ定義関数(CNAME、cvalue、exdays)は 『クッキー名』、 『Cookie値』と 『Cookieの有効期限の時間』への訪問者の情報の値を保存します。
検索機能では、30はsetcookieを保存するには、以下の3つの値(CNAME、cvalue、exdays)で、私は、ユーザー名「エイコン・ウォン」、機能「ユーザ名」、「エイコンウォン」と入力してみましょう
ますsetcookie関数1(CNAME、cValue、exdays) 2 { 3 = DのVAR新しい新A日付();。 。4 d.setTime(d.getTime()+(exdays * 10000 * 24 * 60 * 60)); //セット時間(30 checkCookie値は、設定exdays)+ exdaysミリ秒現在時刻の 5 varが期限切れには= "期限切れになる=" + d.toUTCString(); // セットの文字列の表示時間(toGMTString()廃止) 6 document.cookie = CNAME + "=" + cvalue + ";" +満了し; //はcheckCookie(によってクッキー形式を設定)クッキー文字列の後に結果である"ユーザ名=エイコンウォン'有効期限'" } 7
3.取得クッキー
次回は、あなたがページを開くと、checkCookie機能のページには、ユーザー名「エイコン・ウォン」、および戻り値を格納するためにクッキーgetCookie機能で利用できるようになります。
1 function getCookie(cname) 2 { 3 var name = cname + "="; //定义一个值为"username="的变量 4 var ca = document.cookie.split(';'); //将cookie的字符串数据转变为以逗号分隔的数组 5 for (var i=0; i<ca.length; i++){ //通过for函数循环cookie的数据, 6 var c = ca[i].trim(); 7 if (c.indexOf(name)==0){ return c.substring(name.length,c.length); } //当数据中包含关键字"name"时,返回"username="后面的字符(即用户名) 8 } 9 return ""; //若数据中没有找到关键字,则返回空值,进入checkCookie的初始值设置 10 }
再次登录的欢迎词:
完整函数:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Set Cookies</title> 6 </head> 7 <body onload="checkCookie()"> 8 9 <p id="demo"></p> 10 11 <script> 12 function setCookie(cname,cvalue,exdays) 13 { 14 var d = new Date(); 15 d.setTime(d.getTime()+(exdays*24*60*60*1000)); //set up the due day of cookie 16 var expires = "expires="+d.toUTCString(); 17 document.cookie = cname+"="+cvalue+"; "+expires; 18 //the type of cookie: cookieName=value; due day 19 } 20 21 function getCookie(cname) 22 { 23 var name = cname + "="; 24 var ca = document.cookie.split(';'); //return 'the "username";username; time' 25 for (var i=0; i<ca.length; i++){ 26 var c = ca[i].trim(); 27 if (c.indexOf(name)==0){ return c.substring(name.length,c.length); } 28 } 29 return ""; 30 } 31 32 function checkCookie() 33 { 34 //run getCookie() to check if the username is exist. 35 var user = getCookie("username"); 36 if (user!=""){ 37 alert("welcome back " + user); 38 } 39 else { 40 user = prompt("Please enter your name: ",""); 41 //prompt() can return the message that user input 42 if (user!="" && user!=null){ 43 //run setCookie() to store the messages into cookie. 44 setCookie("username",user,30); 45 } 46 } 47 } 48 </スクリプト> 49 </ BODY> 50 </ HTML>