クッキーのlocalStorageフロントエンドとページ間の伝送パラメータの組み合わせ

ページ

htmlコード：

姓名：< 入力タイプ= "テキスト" ID = "NAME1" > 
 年龄：< 入力タイプ= "テキスト" ID = "AGE1" > 
< ボタンID = "click_btn" >点击</ ボタン>

コードの表示

JSコード：

 // localStorage.name = "ジョン・ドウ"; 
        // localStorage.age = 18であり; //は、データの複数のセット格納することができる


        のvar BTN =のdocument.getElementById（ "click_btnを" ）; 
        btn.onclick = 関数（）{
             //のVARのユーザ名= 'zhangsan' 
            VARのユーザ名=のdocument.getElementById（ "NAME1" ）.Valueの;
             // VARのuserAge = '13は、
            VARの userAge =のdocument.getElementById（ "AGE1" ）.Valueの;
             // ストアすべての値の配列に
            VAR = arrLocalStorage [ユーザ名、userAge]; 

            // ストア、IE6〜7クッキー他のブラウザHTML5ローカルストレージ
            IF （window.localStorage）{
                localStorage.setItem（ "ローカル名" 、arrLocalStorage）。
            } 他{ 
                Cookie.write（ "ローカル名" 、arrLocalStorage）。
            } 

        } 

        // 参考了https://blog.csdn.net/ZhushiKezhang/article/details/80360998

コードの表示

Bページ

JSコード：

 // VARのMYNAME =のlocalStorage [「名前」]; // MYNAMEが張である
    // はconsole.log（MYNAME）

    // のlocalStorageクッキーと組み合わされた送信パラメータを使用
    
    // 条件決意取りのlocalStorage格納された値、または保存されたクッキーを値
    VAR StoreDate = window.localStorage localStorage.getItem（ "ローカル名"）：Cookie.read（ "ローカル名"？）;
     VAR arrStoreDate = StoreDate.split（ "" ）; 

    はconsole.log（arrStoreDate）; // 任意のメモリを取り外します値

    にconsole.log（arrStoreDate [ 0]）; //は、ファーストネーム値を取得する 
    にconsole.log（arrStoreDateを[1]）; // 第二値年齢削除


    //を（VARのI = 0; I <arrStoreDate .LENGTH;私は++）{ 
    //     VAR liHtml = "<LI>" + arrStoreDate [I] + "</ LI>"。
    //      $（ 'リスト。'）（liHtml）を追加します。; 
    // }

コードの表示