クッキーデータは、訪問者のための情報の保存、コンピュータのテキストファイルに格納され、あなたは、次のページを開いたときに参照することができます。20180909解決JSクッキーの設定、アクセスと検索

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>
コードをコピー

 

おすすめ

転載: www.cnblogs.com/proving/p/11921578.html
おすすめ