d3.js window.open 对我不起作用

Question

我需要在新标签页或 window 中打开网址。现在他们在同一页打开。

var data = [
{title: "1", url: "gallery1.html"},
{title: "2", url: "gallery2.html"},
{title: "3", url: "gallery3.html"},
];



    .attr("xlink:href", function(d) { return d.example.url; })
    .attr("xlink:title", function(d) { return d.example.title; });

svg.selectAll('.add-url-node')
   .on('click',function(d){
      location.href = 'target.url.com';

   });

我试过了：

<script>    
window.open(url);      
</script>

和

window.open(link, "_blank")

和

data.forEach(function(elem){
window.open(elem.url,"_blank");
});

和

.attr("xlink:target", "_blank")

我没有编程经验，如果能看到使用上述代码的示例，我将不胜感激。非常感谢。

Answer 1

问题似乎出在 location.href 的使用上。如果你想让 link 在新标签页或 window 中打开，而不是在同一个标签页（页面）中打开，你需要使用 window.open():

selection.on('click',function(){
  window.open(url)
});

注意：您不能强制 link 在新选项卡中打开而不是在新的 window 中打开。这是 用户偏好。

检查此 fiddle，我创建了 3 个矩形，并使用一些 link 将数据绑定到它们。单击每个矩形以打开 link：https://jsfiddle.net/gerardofurtado/9s7wpb20/1/

Answer 2

.attr("target","_blank", function(d) { return d.example.url; })

这就是我需要的，
还是谢谢大家

d3.js window.open 对我不起作用

d3.js window.open doesn't work for me

javascript

d3.js

window.open