input type=”button”でのリンクの貼り方 同じwindowで開く方法と別windowで開く方法

inputタグでボタンを作り、リンク先に飛ぶコードです。これはformを形成せずにリンクに飛ぶボタンだけを作ることが出来るので大変便利です。

まずは、別のwindowを開かずに同windowで開くやり方。

<input type="button" onclick="location.href='index.html'" value="トップページへ">

もう一つは、別windowで開くやり方。

<input type="button" onclick="window.open('index.html')"value="トップページへ">

同window→onclick=”location.href=’リンク先'”

別window→onclick=”window.open(‘リンク先’)”

このように少し記述が変わるので注意が必要です。