2017-05-26 5 views
0

Wie kann ich jeden dieser Links in einem neuen Tab öffnen, anstatt ihn auf dem Tab meiner Website zu öffnen?Wie können Sie die Links in einem neuen Tab öffnen?

$(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 (i var in 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

add Zielattribut zu jedem Link target = "_ blank" – JYoThI

+0

Das abhängen würde, wie diese Verbindungen verwendet werden .... in einem 'anchor'-Tag? über Javascript mit 'window.open()'? So oder so sollte die Zielmethode '_blank' sein – NewToJS

Antwort

0

hinzufügen mit target="_blank" auf dem Zufügen a tag

Formular einfachere Version .DO mit Array#map und Array#join() Methode

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

Sie können es tun, indem Sie 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

Ich bin mir ziemlich sicher, dass' plinks ['plink'] '** ** undefined ** zurückgibt, sollte es nicht' plinks [i] .plink 'oder 'plinks [sein. ich] ['plink'] '? – NewToJS

+0

Oops.Changed es. –

0

target=_blank im Anker-Tag hinzufügen.

z.

<a target="_blank"> 
Verwandte Themen