スポンサーリンク

「HTML」や「PHP」で「ページを閉じる」ボタンを作る方法

HTML
<a href="#" onclick="window.close(); return false;">▶ 閉じる</a>

閉じるボタンは、上記コードを貼り付ければOKです。
以下は、<a href="#" onclick="window.close(); return false;">▶&nbsp;閉じる</a> の各部分の説明です。

a href="#"

  • <a>: HTMLの「アンカー(リンク)」要素です。リンクを作成するために使用します。

  • href="#":
    • href 属性は、リンク先のURLを指定します。
    • "#" は、「現在のページ内の一番上」に移動する特殊な値です。
    • この場合、クリック時にページ遷移をしないように設定する目的で使用されています。onclickreturn false; が補完することで実際にはリンク先が無効になります。

onclick="window.close();

  • onclick: クリックイベント時に実行するJavaScriptコードを指定します。

  • window.close();:
    • 現在開いているブラウザのウィンドウまたはタブを閉じるJavaScriptメソッドです。
    • 動作条件:
      • ページがスクリプト(window.open())で開かれている場合にのみ動作します。
      • ユーザーが直接開いたタブやウィンドウでは、セキュリティ上の制限で無効になります。

return false;

  • 役割:
    • リンクのデフォルト動作(ページ遷移)をキャンセルします。
    • この例では、href="#" によって「ページ内の一番上にスクロールする」という動作が発生しますが、return false; によってそれが無効化されます。

全体の動作

  1. ユーザーがリンクをクリックする。
  2. onclick="window.close();" により、ブラウザが現在のタブやウィンドウを閉じようとする。
  3. return false; により、リンクの移動をしないでねと命令する。
  4. 結果として、リンクをクリックしただけでウィンドウが閉じる。
タイトルとURLをコピーしました