JavaScriptを使用して1つのHTMLページから別のHTMLページにユーザー入力を保持する方法

Question

あるページから別のページへのユーザー入力を維持しようとしています。簡体字、次のように私がやりたいことはある：

PAGE 1：

var userInput = prompt("What is your name"); 

ページ2：

document.getElementById("userName").innerHTML = userInput; 

ユーザーが自分の名前を入力し、へのリンクをクリック名前が表示されている次のページ。私はあるページから別のページにデータを保持する良い方法を理解できません。 （私はクッキーを使ってデータを保存する方法を知らない）。

Answer 1

は、あなたがこれを達成するためにローカルストアを使用することができます示唆しました。

Answer 2

HTML5ローカルストレージを使用できます。ブラウザのローカルストレージに）（プロンプトで返された値を保存してから、次のページでそれを取得：

ページ1：

var userinput = prompt("What is your name?"); 
if (localStorage.getItem("uinput") { 
    localStorage.removeItem("uinput"); 
} else { 
    localStorage.setItem("uinput",userinput); 
} 

ページ2：

var userinput = localStorage.getItem("uinput"); 

Answer 3

あなたが渡すことができますあなたは2番目のページへのあなたのリンク上でそうしたデータを追加します。

page2.html?username=Me 

thこれらのクエリ文字列パラメータは、使用しているフレームワークによって異なる方法で読み取ることができます。

ページ1から他のページへのナビゲート方法に関する情報を提供し、より多くの情報を提供できる場合は、これで十分ではない場合は、

// Store 
localStorage.setItem("Name", "What is your name"); 
// Retrieve 
document.getElementById("userName").innerHTML = localStorage.getItem("Name");