この記事では、JavaScriptを使ったモーダルウィンドウの表示と非表示の基本的な実装方法について解説します。モーダルウィンドウは、ウェブページ上で重要なメッセージを表示したり、ユーザーからの入力を求める際によく使われる便利な要素です。

J2SE 5.0まではモーダルの有無しか扱えなかったので，一つのアプリケーションで複数のウィンドウを扱う場合に困ることがありました。 一方，Java SE 6ではより細かいモーダルの制御を行えるようになりました。

ページ上でモーダルを開き、スクロールして、モーダルを閉じると、通常そのページはモーダルを開いた時とは別の場所にスクロールされた状態で表示されてしまいます。そして、スクロールした状態で、モーダルを開いて閉じると、一番上にスクロールさ ...