HTML 移動後に処理

Question

あるページからページ移動後のページ内Inputに特定の値を入れたいです

簡単な例を言いますと

http://sample.search.html

とゆうページがあるとし、このページ内の特定のボタンを押すと

http://sample.home.html

内のInputに文字"Hoge"を入れるとゆう処理です

ちなみにドメインは同じです。

JavaScriptで何とかできないか探しているのですが、やはりクッキーやサーバーに値を保存するしかないのでしょうか？

Answer 1

GETで渡す方法はいかがでしょうか。

search.html

<a href="home.html?Hoge">Hoge</a>
<a href="home.html?Fuga">Fuga</a>

home.html

<input id="s">
<script>
document.getElementById('s').value = location.search.substr(1);
</script>

Answer 2

ページの移動を伴うなら localStorage（内容的には sessionStorage かも） にクリックした事実を保存して、ページ表示のタイミングでinputを書き換えればよいです。

【Window.localStorage - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/localStorage

【localStorageで複数のデータを保存する ｜ Tips Note by TAM】
https://www.tam-tam.co.jp/tipsnote/javascript/post5978.html

ページ移動でなくタブやポップアップなどで非アクティブなウィンドウを書き換えるなら postMessage で書きかえれると思います。

【window.postMessage - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/postMessage

【[JavaScript] postMessageでクロスドメインメッセージ通信 - Qiita】
http://qiita.com/yasumodev/items/d339a875b4b9bf65d156

Answer 3

サーバサイド向きの要件ですが、JavaScript でも実装できなくはないですね。

• 出題フォームを生成する (URL Standard) - JSFiddle
• 出題フォームを生成する (URL Standard) - Gist
• 6.2. URLSearchParams class - URL Standard （日本語訳）
• JavaScript - Javascriptでページ間の変数の受け渡しができない。(83768)｜teratail

Re: seri さん

Answer 4

http://cya.sakura.ne.jp/java/referrer.htm

javascriptでリファラとって、そのurlの場合はinputに設定するとかではいけないでしょうか？

Answer 5

やはりクッキーやサーバーに値を保存するしかないのでしょうか？

その通りです。