及川WEB室|ホームページ制作

HTML、CSS、JavaScript、スマートフォンサイト、Facebookなど、サイト制作に関する事をメモしています。
個人的な備忘録です。
及川WEB室 ホームページ制作HOME
及川WEB室 > JavaScript > ウィンドウを閉じるボタン

ウィンドウを閉じるボタン - Javascript

この↓リンクテキストをクリックしてブラウザウィンドウ(子ウィンドウ)を開いてみてください。
ブラウザウィンドウ >>
この子ウィンドウ内の 【 閉じる [X] 】 ボタンをクリックすると、子ウィンドウが閉じます。

閉じるボタンの記述方法

テキストの閉じるボタン

閉じるボタン サンプル >>
a タグの onClick イベントに「window.close();return false;」を記述。
「window.close();」でウィンドウを閉じる。
「return false;」で親ウィンドウが移動しないようにする。
href に「javascript:void(0);」を記述し、親ウィンドウが移動しないようにする(クロスブラウザ対応)。

【 閉じる [X] 】

画像の閉じるボタン

画像の閉じるボタン サンプル >>
画像を用意して、文字の代わりに画像を記述する。

<img src="***/images/***.gif" width="100" height="30" alt="閉じるボタン">

***/images/***.gif」の箇所には用意した画像ファイルへのリンクを記述してください。
MENU Ξ