ブログでもだいたい使えるHTMLタグリファレンス

ホームページやブログなどのウェブサイトで他のページにジャンプする際に、簡単なJavaScriptを使うと、ウィンドウの大きさや、メニューバーやスクロールバーの有無などのスタイルを指定して開くことができます。JavaScriptの、window.open() を使います。

ウインドウの指定：下記の中から指定できます。省略すると、今のウィンドウがジャンプ先のURLに切り替わります。今のウィンドウを残したい場合は、『_blank』とするとよいでしょう。

_top	今のフレームのトップページ（フレームが属するウィンドウ）
_blank	新しいウィンドウを開く
_self	今のフレームまたはウィンドウ
_parent	今のフレームを取り囲む一つ上の親フレーム

スタイルの指定：ウィンドウの大きさや、メニューバーの有無などさまざまなスタイル指定をすることができます。
→大きさを指定してウィンドウを開く
→メニューバーやスクロールバーの有無を指定する
→window.open() のスタイル指定一覧

設置例です

ソースは、下記のようになります。青文字部分でジャンプ先のURL、ウィンドウの指定および開くウィンドウの大きさを指定しています。ピクセル指定になります。

<a href="javascript:void(0)" onclick="
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=200');
">ウィンドウを開く</a>

ボタンで表示する場合は、下記のようになります。

ソースはこちらです。同じように、青文字部分でジャンプ先のURL、ウィンドウの指定および開くウィンドウの大きさを指定しています。

<button onclick="
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210')">ウィンドウを開く</button>

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

ブログでもだいたい使えるHTMLタグ リファレンス