メニューバーやスクロールバーの有無を指定する
JavaScriptの、window.open() を使って新規ウィンドウを開く際に、メニューバーやツールバーの有り無しを指定することができます。
新規ウィンドウを開く際の基本形は、下記のようになります。
<a href="javascript:void(0)" onclick="window.open(ジャンプ先URL', 'ウィンドウの指定', 'スタイル指定');">
- ジャンプ先URL:ジャンプ先のURLを、絶対パスで指定します。
- ウインドウの指定:下記の中から指定できます。省略すると、今のウィンドウがジャンプ先のURLに切り替わります。今のウィンドウを残したい場合は、『_blank』とするとよいでしょう。
_top 今のフレームのトップページ(フレームが属するウィンドウ) _blank 新しいウィンドウを開く _self 今のフレームまたはウィンドウ _parent 今のフレームを取り囲む一つ上の親フレーム - スタイルの指定:ここで menubar=no,toolbar=no すると、メニューバーとスクロールバーを非表示に設定できます。反対に yes にすれば、表示の指定になります。
この他にもウィンドウの大きさや、スクロールバーの有無などさまざまなスタイル指定をすることができます。この場合、,(半角カンマ)で区切って併記します。→その他の指定はこちら 『window.open()スタイル指定一覧』このサンプルのソースは、下記のようになります。
<a href="javascript:void(0)" onclick="window.open('http://html.appelle.jp/sample/linktest.html', '_blank','width=500,height=210,menubar=yes,toolbar=yes');">ウィンドウを開く</a>
ボタンで表示させたい場合は、こちらです。
ソースを示します。黒文字部分は、アンカータグを用いた場合と同じです。
<button onclick="window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210,menubar=yes,toolbar=yes');">ウィンドウを開く</button>
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス