[JS]フォームボタンまとめ

使用頻度の高いフォームボタンのメモ。
主にJavascriptを使用したものです。

XHTML形式のinputとbuttonの2タイプ用意してみた。
onclickとonkeypressを別のタグ(aとか)に書いても機能します。

ウィンドウを閉じる

<input type="button" value="ウィンドウを閉じる" onclick="window.close();" onkeypress="window.close();" />
<button type="button" onclick="window.close();" onkeypress="window.close();">ウィンドウを閉じる</button>

このページを印刷

<input type="button" value="このページを印刷" onclick="window.print();" onkeypress="window.print();" />
<button type="button" onclick="window.print();" onkeypress="window.print();">このページを印刷</button>

前のページに戻る

<input type="button" value="前のページに戻る" onclick="history.back();" onkeypress="history.back()" />
<button type="button" onclick="history.back();" onkeypress="history.back()">前のページに戻る</button>

トップに戻る(URL指定ジャンプ)

<input type="button" value="トップに戻る" onclick="location.href='index.html';" onkeypress="location.href='index.html';" />
<button type="button" onclick="location.href='index.html';" onkeypress="location.href='index.html';">トップに戻る</button>

ページの再読み込み(リロード)

<input type="button" value="リロード" onclick="location.reload();" onkeypress="location.reload();" />
<button type="button" onclick="location.reload();" onkeypress="location.reload();">リロード</button>

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください