【JavaScript】URLを指定してページ遷移する方法と、別タブで開く方法

本記事の目次

HTMLでのページ遷移

HTMLでのページ遷移は、<a>タグを使って実装します。

遷移先のURLは、href属性で指定します。

<a href="./sample.html">ページ遷移する</a>

別タブで開くようにするには、<a>タグに「target=”_blank”」を記述します。

<a href="./sample.html" target="_blank">別タブで開く</a>

これらを、JavaScript

JavaScriptでURLを指定してページ遷移をするには、window.location.href に遷移したいURLを指定します。

cons url = './sample.html';
window.location.href = url; // ページ遷移する

JavaScriptでURLを指定して別タブで開くには、window.open()メソッドを使います。

cons url = './sample.html';
window.open(url, '_blank'); // 別タブで開く