openメソッドを使い、以下のように書くことでリンクを新しいウィンドウで開くことができます。

例えば、Webアプリケーションを開く際には、同じウィンドウの同じタブや別タブで開くと、ブラウザの中に埋もれてしまいがちになります。

新しいブラウザのウィンドウで開くとそれが避けられます。

8行目のopenメソッドの引数の意味の詳細は上記リンクを辿ってください。ここでは絶対URLで指定していますが、もちろん相対パス（相対URL）でも指定できます。

<!DOCTYPE html>
<html>
    <head>
        <title>display-link-in-new-window.html</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <a href="javascript:newWindow();">セイ・コンサルティング・グループのサイトを新しいウィンドウで開く</a>
        <script>
            function newWindow() {
                window.open("https://saycon.co.jp/", "newWindow", "left=700, top=300, width=500, height=500, scrollbars=1");
            }
        </script>
    </body>
</html>

Webアプリケーション制作のための小ネタ集　目次に戻る

リンクを新しいウィンドウで開きたい　最後までお読みいただきありがとうございます。

研修のカリキュラムを見てみる