2017-05-26 104 views
0

如何讓這些鏈接中的每一個在新選項卡中打開而不是在我的網站選項卡上打開?如何使鏈接在新選項卡中打開?

$(document).ready(function() { 
var plinks = [ 
    { 
     name: 'ady', 
     plink: 'http://steamcommunity.com/id/42432' 
    }, 
    { 
     name: 'moon', 
     plink: 'http://steamcommunity.com/id/22242' 
    }, 
    { 
     name: 'internal', 
     plink: 'http://steamcommunity.com/id/2424' 
    }, 
    { name: 'silvatone', 
     plink: 'http://steamcommunity.com/id/4324234' 

    }, 
]; 

爲(VAR i的plinks){ VAR PLINK = plinks [I];

$('#marquee').append('<a href="' + plink.plink + '">' + plink.name + '</a>'); 

    var plink = $('#marquee').children('a').last(); 

    if(i != plinks.length - 1) { 
     $('#marquee').append(' - '); 
    } 
} 
+1

添加目標屬性,每個鏈接的目標=「_空白」 – JYoThI

+0

這將取決於如何將這些鏈接用來....在'anchor'標籤?通過javascript與'window.open()'?無論哪種方式,目標方法應該是'_blank' – NewToJS

回答

0

添加與target="_blank"上追加a tag

形式更加簡化的版本。做同Array#map並做到這一點Array#join()方法

var res = plinks.map(function(a) { 
      return '<a href="' + a.plink + '" target="_blank">' + a.name + '</a>'; 
      }) 
      $('#marquee').append(res.join('-')) 

$(document).ready(function() { 
 
     var plinks = [{ 
 
     name: 'ady', 
 
     plink: 'http://steamcommunity.com/id/42432' 
 
     }, { 
 
     name: 'moon', 
 
     plink: 'http://steamcommunity.com/id/22242' 
 
     }, { 
 
     name: 'internal', 
 
     plink: 'http://steamcommunity.com/id/2424' 
 
     }, { 
 
     name: 'silvatone', 
 
     plink: 'http://steamcommunity.com/id/4324234' 
 
     }, ]; 
 
     
 
     for (var i in plinks) { 
 
     var plink = plinks[i]; 
 

 
     $('#marquee').append('<a href="' + plink.plink + '" target="_blank">' + plink.name + '</a>'); 
 

 
     var plink = $('#marquee').children('a').last(); 
 

 
     if (i != plinks.length - 1) { 
 
      $('#marquee').append(' - '); 
 
     } 
 
     } 
 
     })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="marquee"></p>

0

您可以通過使用window.open

CODE

$(document).ready(function(){ 
    var plinks = [ 
    { 
    name: 'ady', 
    plink: 'http://steamcommunity.com/id/42432' 
    }, 
    { 
    name: 'moon', 
    plink: 'http://steamcommunity.com/id/22242' 
    }, 
    { 
    name: 'internal', 
    plink: 'http://steamcommunity.com/id/2424' 
    }, 
    { 
    name: 'silvatone', 
    plink: 'http://steamcommunity.com/id/4324234' 
    }, 
    ]; 
    for(var i=0;i<plinks.length;i++){ 
     window.open(plinks[i]['plink'],'_blank') 
    } 
}) 
+0

我很確定使用'plinks ['plink']'將返回** undefined **,不應該是'plinks [i] .plink'或'plinks [ I] [ 'PLINK']'? – NewToJS

+0

糟糕。改變它。 –

0

在錨標記添加target=_blank

E.g.

<a target="_blank"> 
相關問題