私はJavaScriptが初めてで、次のことをしようとしています:
Page1.html と Page2.html の 2 つの Web ページがあります。 Page1.html には、1 つのテキスト ボックスと 1 つのボタンがあります。ユーザーがテキストボックスにテキストを入力してボタンをクリックした後、Page2.html を開いて、新しく開いた Page2.html の本文にテキストボックスのテキストを次のように表示します。
「あなたが書きました」 + 「[Page1.html のテキストボックスからのテキスト]」
getElementById を試しました。しかし、私の非常に明白な緑色の角のために、ここには非常に基本的なものが欠けています. 誰かが私がどのように進めるべきかについて詳しく説明してもらえますか?
Web は本質的にステートレスです。そのため、Page1.html を要求すると、これまでに読み込まれたことがないかのように、白紙の状態で読み込まれます。
2 つのページ間で情報を渡すには、その情報をリクエストに含める必要があります。通常、これは、あるリクエストから別のリクエストに情報を埋め込む Web サーバーを介して行われます。
純粋に JavaScript からこれを行っているため、おそらくクエリ文字列を介して情報を渡す必要があります。
Page1.html から Page2.html に移動するときは、次のようにする必要があります。
windows.location = 'Page2.html?variableName=somevalue';
Page2.html が読み込まれたら、これらの値を調べて、必要な情報を抽出する必要があります。
これを行う例を次に示します: JavaScript でクエリ文字列の値を取得するにはどうすればよいですか?
これで正しい方向に進むことができれば幸いですが、 ASP.Net、PHP、Ruby on Rails、またはNode.jsなどの優れたサーバー サイド テクノロジに手を出す準備ができていると思います。