HTMLとjavascriptでボタンリンクの作り方

 
ボタンリンクについて

HTMLのボタンにはサブミットボタンといってサーバに処理を要求するためのものと、
javascriptを呼び出させるためのボタンと二種類あります。

ここでは「a」タグと同じ動きをさせるため、javascriptを呼び出すボタンリンクを作成します。

ボタンのコーディング

サブミットの場合は「input type="submit"」ですが、javascriptを動作させたい場合は
「input type="button"」を利用します。下記

<input type="button" value="リンクです" onClick="btnLink();">

上記では「btnLink()」がjavascriptの呼び出しになります。

javascriptのコーディング

リンク処理は下記のように書くことで動作します。

function btnLink() {   location.href='リンクURL'; }

これでボタンを押した時にtキストリンクと同じ動作をさせることができます。