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

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

ページ内に閉じるボタンを設置する方法
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加

  • 広告主様募集中
    ワンコインで広告掲載してみませんか?
  • このエントリーをはてなブックマークに追加

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

閉じるボタン

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

スポンサードリンク

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

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

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

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

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

あとがき

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

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。