TOPページ >  ウィンドウを開く、閉じる、制御する > window.open() のスタイル指定一覧

window.open() のスタイル指定一覧

ホームページやブログなどのウェブサイトで、JavaScriptのwindow.open() を使ってウィンドウを開く際に、さまざまなスタイルを指定することができます。基本形は、下記のようになりますが、

<a href="javascript:void(0)" onclick=window.open('ジャンプ先URL','ウィンドウの指定','スタイルの指定')">表示文字</a>
  1. ジャンプ先URL:ジャンプ先のURLを、絶対パスで指定します。
  2. ウインドウの指定:下記の中から指定できます。省略すると、今のウィンドウがジャンプ先のURLに切り替わります。今のウィンドウを残したい場合は、『_blank』とするとよいでしょう。
    _top今のフレームのトップページ(フレームが属するウィンドウ)
    _blank新しいウィンドウを開く
    _self今のフレームまたはウィンドウ
    _parent今のフレームを取り囲む一つ上の親フレーム
  3. スタイルの指定:ウィンドウの大きさや、メニューバーの有無など。

スタイルの指定の部分で、さまざまな設定をすることができます。ここで使用できるスタイルの一覧をご紹介します。複数の指定をする場合は、

<a href="javascript:void(0)" onclick="window.open('XXX.html', '_blank', 'width=500,height=210,resizable=no');>
のように、同一シングルクォート内でカンマで区切って指定します。シングルクォート内にスペースがあると正しく認識しないブラウザがありますのでご注意ください。

『 yes/no 』の部分は、『 yes 』または『 no 』で指定してください。『ピクセル値』の部分は、数字を単位無記入で入力してください。ピクセル指定になります。

対応欄は、Netscape と InternetExplorer の対応バージョンを示しています。対応していないブラウザでは指定は無視されますので、期待通りに表示されないことがあります。

一覧表です。

window.open()関数スタイル指定一覧
記述意味対応
alwaysLowered=yes/no開いたウィンドウを常に他のウィンドウの下に表示する
※セキュリティの設定要
N4
alwaysRaised=yes/no開いたウィンドウを常に他のウィンドウの上に表示する
※セキュリティの設定要
N4
channelmode=yes/noチャネルモードで開くe4
dependent=yes/no親ウィンドウが閉じた時に子ウィンドウも閉じるN4
directories=yes/noユーザ設定ツールバーの表示e3/N2
fullscreen=yes/noフルスクリーンモードで開く。閉じるには ALT+F4 を使うe4
height=ピクセル値ウィンドウの高さe3/N2
hotkeys=yes/noホットキーの有効/無効N4
innerHeight=ピクセル値ウィンドウの内枠の高さN4
innerWidth=ピクセル値ウィンドウの内枠の横幅N4
left=ピクセル値ウィンドウの位置(画面の左端からの距離)e4
location=yes/no場所ツールバーの表示e3/N2
menubar=yes/noメニューバーの表示e3/N2
outerHeight=ピクセル値ウィンドウの外枠の高さN4
outerWidth=ピクセル値ウィンドウの外枠の横幅N4
personalbar=yes/nodirectoriesと同じN2
resizable=yes/noリサイズを可能にするe3/N2
screenX=ピクセル値leftと同じN4
screenY=ピクセル値topと同じN4
scrollbars=yes/noスクロールバーの表示e3/N2
status=yes/noステータスバーの表示e3/N2
titlebar=yes/noタイトルバーの表示
※セキュリティの設定要
e4/N4
toolbar=yes/noツールバーの表示e3/N2
top=ピクセル値ウィンドウの位置(画面の上端からの距離)e4
width=ピクセル値ウィンドウの横幅e3/N2
z-lock=yes/no開いたウィンドウの上下関係の順序を指定する
※セキュリティの設定要
N4

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
一定時間後に自動でウィンドウを閉じる
ウィンドウをスクロールさせて表示する
確認メッセージを表示する
警告メッセージを表示する
ウィンドウのステータスバーに文字列を表示する
JavaScriptを使って別ウィンドウの表示内容を操作する
window.open() のスタイル指定一覧
ウィンドウのサイズ変更を禁止する
ウィンドウの位置や大きさを指定する
ポップアップウィンドウを開く
メニューバーやスクロールバーの有無を指定する
大きさを指定してウィンドウを開く
ウィンドウを閉じる
ウィンドウを開く
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス