html/javascript：リンク先を非表示にして新しいタブでリンクを開く

Question

私は次のjavascriptを使用しています（m59：this前回の回答）。通常はブラウザウィンドウの一番下に表示されるリンクの宛先を非表示にしますリンク上にカーソルを置く：

<div> 
    <a data-href="http://www.google.com/"> LINK </a> 

    <script type="text/javascript"> 
     var anchors = document.querySelectorAll('a[data-href]'); 

     for (var i=0; i<anchors.length; ++i) { 
      var anchor = anchors[i]; 
      var href = anchor.getAttribute('data-href'); 
      anchor.addEventListener('click', function() { 
      window.location = href; 
      }); 
     } 
    </script> 
</div> 

これは完全にうまくいきますが、リンクも新しいタブで開くようにしたいと思います。そうするためにスクリプトをどのように変更する必要がありますか？

window.location = href;の代わりにwindow.open('href','_blank');を使ってみましたが動作しませんでした。

Answer 1

イムは、何かが欠けていない限り、行うには、最も明白なことは、そのアンカーにターゲットを追加です：

<a data-href="http://www.google.com/" target="blank"> LINK </a> 

Answer 2

理由だけではなく、ユーザーをリダイレクトするためのonclickイベントハンドラを使用していませんか？

<a href="" onclick="onClick">link</a> 

function onClick(e) { 
    e.preventDefault(); 
    document.location.href='www.google.ca'; 
} 

Answer 3

これはそれを行う方法である（新しいタブやリンク、あなたのコードの上にstackoverflowのブロックを試してみてください）

var anchors = document.querySelectorAll('a[data-href]'); 
 

 
     for (var i=0; i<anchors.length; ++i) { 
 
      var anchor = anchors[i]; 
 
      var href = anchor.getAttribute('data-href'); 
 
      anchor.addEventListener('click', function() { 
 
      window.open(href,'',''); 
 
      }); 
 
     }

<div> 
 
    <a data-href="http://www.google.com/"> LINK </a> 
 

 
</div>

Answer 4

あなたはhere、ウィンドウの構文を見ることができます。オープン：

var window = window.open(url, windowName, [windowFeatures]); 

だからあなたのようなものを使用する必要があり、新しいタブでリンクを開くには：あなたは、ウィンドウが「_blank」として開かれた場合、それは動作しません

var myNewTab = window.open(url, '_blank'); 

を

Answer 5

をあなたはwindow.open(href)を試してみましたか？

つまり、例の場合、hrefは変数ではなく文字列です（周囲には一重引用符があります）。