d3.js window.open不适用于我

Question

我需要在新选项卡或窗口中打开这些URL。现在他们正在同一页面中打开。

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

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

这正是我需要的，
谢谢大家反正

Answer 2

该问题似乎是使用location.href。如果您希望链接在新标签或窗口在同一选项卡（页）打开，而不是，你需要使用window.open()：

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

注意：您不能强制链接在新标签页中打开而不是一个新窗口。这是一个用户偏好。

检查这个小提琴，我创建了3个矩形，并绑定数据给他们与一些链接。点击每个矩形来打开链接：https://jsfiddle.net/gerardofurtado/9s7wpb20/1/