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

• 2013/10/04
• 
  • JavaScript

ツイート

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

document.locationで記述

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

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

 
document.location = 'https://www.web-labo.jp';

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

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

window.open()で記述する

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

 
window.open('https://www.web-labo.jp', 'WEB-LABO');

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

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