メッセージ送信フォームなどのインプットボックスに遷移元ページのタイトルを表示する方法についての忘備録。
RESULT（検索結果のページから遷移した場合も表示） HTML 例えば、記事リスト（list.html）からこのページ（blog/20231203.html）へのリンク URL を以下のように記述する。 href="blog/20231203.html?r=記事リスト" このページのインプット要素を以下のように（size は適当に設定）記述する。 <input id="myinput" name="title" size="50" rows="1" value="" /> JAVASCRIPT（<body> の前に記述） <script type="text/javascript"> // location.search で "?" 以降のパーセントエンコーディングされた文字列を取得／デコードする。 var mytitle=decodeURI(location.search); // 取得した文字列の先頭の "?r=" を削除する。 mytitle=mytitle.replace("?r=",""); </script> （<body> の後に記述） <script type="text/javascript"> // インプット要素（id="myinput"）の element object を myelement と定義する。 var myelement=document.getElementById("myinput"); // 上で取得した mytitle をインプット要素の value に代入する。 myelement.value=mytitle; // インプット要素に出力する。 console.log(myelement.value); </script> デモ用に検索結果のページから遷移した場合もタイトルが表示されるようにしてみた。検索プログラム search.cgi（perl）に以下を書き加える。 my $myurl="../blog/20201112.html"; my $myadd="?r=ブログ記事検索"; if ($target eq $myurl) {$target=$target.$myadd;} 検索窓に「遷移 タイトル」と入力し、ヒットした記事をクリックすれば確認できる。