ページ内のアンカーにジャンプし、なおかつサブウィンドウを開く


動作ブラウザ 【 IE:4.0   FF:1.0   Safari:1.0
Internet Explorer Firefox Opera Safari
4.0x 4.5 5.0x 5.5 6.0 7.0 1.0 1.5 2.0 7.x 8.x 9.0 1.x 2.0
Windows - - -
Macintosh - - -
UNIX - - - - - - -

ポイント window.open("sub.html", "sw", "width=320,height=30"); location.href = "#anchor1";
説  明 クリックでサブウィンドウとページ内のアンカーに移動するには、両方の処理を行う関数を用意します。関数内でサブウィンドウを開くwindow.open()を呼び出し、次にlocation.hrefにアンカー名を指定します。
サンプル <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>ページ内のアンカーにジャンプし、なおかつサブウィンドウを開く</title> <script language="JavaScript"><!-- function openSubWinAndAnchor() { window.open("sub.html", "sw", "width=320,height=30"); location.href = "#anchor1"; } // --></script> </head> <body bgcolor="white"> <p><a href="javascript:openSubWinAndAnchor()">クリックしてください。</a></p> <table border="1" width="320" height="500"> <tr><th>表1(ダミー)</th></tr> </table> <a name="anchor1">ここはanchor1です</a><br> <table border="1" width="320" height="500"> <tr><th>表2(ダミー)</th></tr> </table> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!



写真素材 PIXTA