JavaScriptでコンソールから別タブを開きたい

Question

サイトにn個あるリンクに対して、javascriptでコンソールから別タブor別ウィンドウで開きたいです。

<a href="https://google.com/" class="the_link">google</a>
<a href="https://google.com/" class="the_link">google</a>
<a href="https://google.com/" class="the_link">google</a>

(function(){let nodeList = document.querySelectorAll('.the_link');
for(let i = 0; i < nodeList.length; i++){
let n = nodeList.item(i);
window.open(n, '_blank', 'width=800,height=600');
}}());

このコードだと、最初のリンクは別ウィンドウで開かれるのですが、それで処理が止まってしまいます。3つ別ウィンドウで開ける方法があれば教えて頂きたいです。

Comments

[Lhankor_Mhy]

ポップアップブロッカーを解除したところ、当方の環境では問題なく動作しました。なんとなくですが、環境の問題かな、と思いました。

[Alt_]

自分もポップアップブロックを解除したら動作しました！！ありがとうございます！回答に同じことを書いていただければBAにできます！

[x_x]

昔のブラクラですし、止まるでしょうねえ

Answer 1

ポップアップブロックを解除したらできました

Answer 2

よっ

一つ一つのリンクにClickイベントを追加する必要があります。

<a href="https://google.com/" class="the_link">google</a>
<a href="https://google.com/" class="the_link">google</a>
<a href="https://google.com/" class="the_link">google</a>

<script>
(function(){
        let nodeList = document.querySelectorAll('.the_link');
        nodeList.forEach(function(node) {
                node.addEventListener('click', function(e) {
                        e.preventDefault()
                        window.open(this.href, '_blank', 'width=800,height=600');
                        return false
                }, false)
        })
}());

</script>

:)