windowオブジェクト０２

JavaScript 基礎 授業



既存のWebページをロードする


ソースコード【 JavaScript 】

var win = window.open('http://google.co.jp', '', 'resizable=yes', 'width=600, height=400');


  • 引数１：URL
  • 引数２：ウィンドウ名を指定しますが、通常は空
  • 引数３：サイズ変更
  • 引数４：幅（ピクセル指定
  • 引数５：高さ（ピクセル指定


openメソッドの主なオプション

オプション 設定値 説明
menubar 　 yes または no メニューバーを表示するかどうか
resizable 　 yes または no ウィンドウサイズを可変にするかどうか
scrollbars 　 yes または no スクロールバーを表示するかどうか
status 　 yes または no ステータスバーを表示するかどうか
toolbar 　 yes または no ツールバーを表示するかどうか
width 　 ピクセル値 ウィンドウの幅
height 　 ピクセル値 ウィンドウの高さ



プログラムでHTML要素を出力

  1. 最初の引数を空文字列「' '」にwindowオブジェクトのopenメソッドを実行する
  2. documentオブジェクトのopenメソッドを実行する
  3. documentオブジェクトのwriteメソッドでHTML要素を書き出す
  4. documentオブジェクトのcloseメソッドを実行する


ダイアログボックス内の表示を改行

  • エスケープシーケンス「\n」で改行