<a href="#" onclick="window.close()">[閉じる]</a>

リンクをクリックすると　ページが閉じるリンクの設定です。
メインのコンテンツとは別に　告知したい事や
メールマガジンの登録・解除フォームを別ウィンドウに表示させて
その下のほうに　よく　この「閉じる」のリンクを使っていますね。

まず　下のリンクをクリックしてください

閉じるリンクのサンプル

リンクの設定は　<a href="移動先のURL">　〜　</a>ですが
今回の場合は　移動先は存在しませんので　"#"　と指定してあります。
その後の　onclick= "window.close()　は
クリックしたら　ウィンドウを閉じてくださいね♪　という命令文がはいっています。

HTMLソースはこんな感じです。

<a href="#" onclick="window.close()">[閉じる]</a>

 

今度は　閉じるリンクをボタンにしてみましょう。
またまた　サンプルを見てください。

閉じるボタンのサンプル

これは　フォームの要素になりますので
<form>　〜　</form>で囲んで　ボタンを作る指定を行います。

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

フォームの要素に関しては　後日詳しく解説しますが、
「onClick」は　クリックしたら・・・
「window.close」　で　ウインドウを閉じましょう！　という
指定になっています。

指定には　見てのとおり　JavaScript　が使われているのがわかりますね。