Web Developer's Room
HOME > JavaScript講座 > JavaScriptでWindowを操作する(2)     

JavaScriptでWindowを操作する(2)

showModalDialogを使用し、新しいWindowをオープンします。(showModalDialogはIEのみで使用可能です)
openと違い、Windowを閉じるまでフォーカスを保持します。

<html>

<script language="Javascript">
<!--
function btn_click() {
    window.showModalDialog("xxx.htm", "","dialogHeight:200px; dialogWidth:400px;");
}
-->
</script>

<body>
<input type="button" value="windowを起動します" onclick="btn_click()">
</body>
</html>

【説明】
window.showModalDialogで新しいモーダルWindowをオープンします。
オープン後は呼び出し側のWindowの操作ができません。常に手前に表示されます。
( )内に設定する項目は順に、URL,引数,Windowオプションです。

 サンプル

同様にshowModelessDialogは常に手前に表示され、呼び出し側のWindowの操作ができます。

関連リンク
  • JavaScriptとは
  • JavaScriptを書く
  • 関数を作る
  • 関数を作る(戻り値を指定する)
  • 関数を作る(引数を指定する)
  • 変数を宣言する
  • コメントを書くには
  • 配列を使うには
  • JavaScriptで文字を表示する
  • 現在の時刻を表示する
  • JavaScriptの外部ファイル
  • JavaScriptでWindowを操作する(1)
  • JavaScriptでWindowを操作する(3)
  • JavaScriptでWindowを操作する(4)




  • スポンサードリンク


    (C) Web Developer's Room All rights reserved.