2011年01月14日

javascript:window.openでサブウィンドウを開く

javascriptでサブウィンドウを開く方法。
簡単なことだけども注意したい点もありますね。
hrefにURLを設定してonclickでwindow.openをすると親ウィンドウが遷移してしまったりみたいなことがあります。

例1)
function winOpen() {
window.open('example.html', 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');
}


例2)
<a href="javascript:void(window.open('example.html', 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'));">テスト</a>

例3)
<a href="javascript:void(0);" onclick="window.open('example.html', 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');">テスト</a>

例3)
この場合、JavaScriptが有効の場合は小窓、無効または実装されていない 場合は普通のハイパーリンクとなります。
<a href="example.html" onclick="window.open(this.href, 'windowname', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'); return false;">テスト</a>






この記事へのトラックバックURL

http://trackback.blogsys.jp/livedoor/zasso77/51538337 

トラックバックはまだありません。

コメントはまだありません。

コメントする。

絵文字
 
星  顔