リンクを別ウインドウで開いた時などに、以下のような閉じるボタンをよく見かけると思います。

この閉じるボタンを設置する方法を紹介したいと思います。

ページ内に閉じるボタンを設置する方法

閉じるボタンを設置するのは非常に簡単で、以下のようなフォームを設置すればOKです。

<form><Input type="button" value="閉じる" onClick="javascript:window.close();"></form>

valueの値を変えることで、ボタンに表示される文字が変わります。

onClick属性でボタンをクリックした時の動作を定義しており、javascript:window.close();でウインドウが閉じられます。

あとがき

ほぼ備忘録のためのエントリーですが、参考になれば幸いです。