window.open() のスタイル指定一覧
ホームページやブログなどのウェブサイトで、JavaScriptのwindow.open() を使ってウィンドウを開く際に、さまざまなスタイルを指定することができます。基本形は、下記のようになりますが、
<a href="javascript:void(0)" onclick=window.open('ジャンプ先URL','ウィンドウの指定','スタイルの指定')">表示文字</a>
- ジャンプ先URL:ジャンプ先のURLを、絶対パスで指定します。
- ウインドウの指定:下記の中から指定できます。省略すると、今のウィンドウがジャンプ先のURLに切り替わります。今のウィンドウを残したい場合は、『_blank』とするとよいでしょう。
_top 今のフレームのトップページ(フレームが属するウィンドウ) _blank 新しいウィンドウを開く _self 今のフレームまたはウィンドウ _parent 今のフレームを取り囲む一つ上の親フレーム - スタイルの指定:ウィンドウの大きさや、メニューバーの有無など。
スタイルの指定の部分で、さまざまな設定をすることができます。ここで使用できるスタイルの一覧をご紹介します。複数の指定をする場合は、
<a href="javascript:void(0)" onclick="window.open('XXX.html', '_blank', 'width=500,height=210,resizable=no');>
のように、同一シングルクォート内でカンマで区切って指定します。シングルクォート内にスペースがあると正しく認識しないブラウザがありますのでご注意ください。
『 yes/no 』の部分は、『 yes 』または『 no 』で指定してください。『ピクセル値』の部分は、数字を単位無記入で入力してください。ピクセル指定になります。
対応欄は、Netscape と InternetExplorer の対応バージョンを示しています。対応していないブラウザでは指定は無視されますので、期待通りに表示されないことがあります。
一覧表です。
| 記述 | 意味 | 対応 |
| 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/no | directoriesと同じ | 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 |
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス