JavaScriptで処理中にURLを指定してページを開きたい。できれば、別ウインドウ(タブ)で

URLを指定してページを開きたい。

先日、JavaScriptで要素(img)を追加して、画像をクリックしたら指定したURLに移動するという処理を検索しつつ作ったのでメモ書きです。

PR

document.locationで記述

document.location にURLを指定すると、指定したページに移動できます。

ソースコードは、次のようになります。

※コードはscriptタグの中に記述します。

但し、この方法だと指定したページには移動しますが、別ウインドウで開きません。自サイトののコンテンツに移動する分には良いのですが、外部のサイトに移動する場合に困ります。

 

window.open()で記述する

別ウインドウで開きたい場合は、window.open()を使用すると可能です。

※コードはscriptタグの中に記述します。

この方法を使えば、指定したURLを別ウインドウ(タブ)で開くことができます。

PR

関連記事