パラメータを設定してリンク

Javascript でパラメータ(?n1=1&n2=234&c1=A&c2=XYZ)を設定してリンクします。


【Source Code】
<script type="text/javascript">
function jump()
{   if (confirm("parameterget.html を呼び出しますか?")==true)
        location.href = "parameterget.html?n1=1&n2=234&c1=A&c2=XYZ";
}
</script>

<form>
<input type="button" name="link" value="呼び出す" onclick="jump()">
</form>

ボタンのクリックでパラメータを設定して parameterget.html を呼び出します。
パラメータを受け取る parameterget.html は GET パラメータを取得 で説明しています。
まず form にボタンを設定して、クリックで jump() 関数を呼び出します。
jump() 関数では confirm でリンク先にジャンプするか確認するダイアログを表示します。
OKを応答するとパラメータを設定して parameterget.html を呼び出します。
「?n1=1&n2=234&c1=A&c2=XYZ」がパラメータの設定です。
<script type="text/javascript">
function jump()
{   if (confirm("parameterget.html を呼び出しますか?")==true)
        location.href = "parameterget.htm?n1=1&n2=234&c1=A&c2=XYZ";
}
</script>

【NOTE】

新しいページにジャンプしたとき、通常は「戻る」ボタンをクリックすると元のページに戻ります。
所がゲームプログラムでは元のページに戻したくない場合が良くあります。
そのときは location.href に代えて location.replace() を使って下さい。
location.href と location.replace() は書き方が異なるので注意して下さい。
  location.replace("parameterget.html?n1=1&n2=234&c1=A&c2=XYZ");

戻るボタンを無効にする方法として forward() 関数を使う方法もあります。
ユーザーが戻るボタンを押して1ページ分戻った際に、forward で1ページ分前に進めます。
  history.forward();

☆2017/11/19 Microsoft Edge で location.href でリンクしたとき、戻るボタンが設定されない現象を確認しました。
同じ HTML を Google Chrome で起動すると戻るボタンが設定されました。

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)