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

ホームページやブログなどのウェブサイトで他のページにジャンプする際に、簡単なJavaScriptを使って、大きさを指定して開くことができます。window.open() を使います。

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

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

スタイルの指定：ここでウィンドウの大きさを指定します。『width=500,height=200』というように、幅と高さを,（半角カンマ）で区切って指定します。
そのほかにも、メニューバーやスクロールバーの有無など、さまざまな指定をすることができます。
詳細はこちらをご覧ください→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=200')">ウィンドウを開く</button>

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

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