とあるサイトでjavascript:void(0)を新規タブで開きたいのですが、開けません。

Question

タイトル通りで、とあるサイトでjavascript:void(0)のリンクを新規タブで開きたいのですが、開けません。

これを解決する方法はありますでしょうか？

例えば、ブックマークバーからjavascriptでなにかするなど。

Answer 1

javascript:void(0)を新規タブで開きたい

Google検索a href void 0が参考になります。

A 要素の href に javascript:void(0)（無効なURL）を与えると、新規タブ（ウィンドウ）が開かないようになります。

これを解決する方法

click イベントリスナ内で window.open(url) を定義する(onclick属性も可)。

新規タブ（ウィンドウ）に表示するページのURL(上記url)は必須になります。
画像などのコンテンツであれば dataURIScheme(data:*)を試してみてもいいかもしれません（CSPも考慮します）。

---

追記）
a[href="javascript:void(0)"] を使うのは以下の例になります。

• PCブラウザのステータスバーに リンク先のURL を表示したくない
• URLパラメータなど、JavaScript で生成する URL を開きたい

繰り返しますが、新規タブ（ウィンドウ）に表示するコンテンツのURLは必須になります。

---

追記２）
window.open() ではなく A要素を動的に　createElement() & click() するアプローチ方法もあります。

1. コンテンツを BlobURL(ObjectURL)に変換して url とする。
2. A要素を動的に生成し、開いた後に BlobURL のメモリ専有を開放する。

• CODEPEN JSで動的生成したHTMLを開く