Come creare un collegamento div in una nuova scheda Javascript onClick = "window.location

Question

Ho creato una serie di pulsanti social media che quando il mouse si sposta si passa a un'immagine diversa (dandole un effetto di evidenziazione). le immagini funzionano come voglio io, tuttavia, non riesco a capire come caricare la pagina in una nuova scheda/schermo. Devo implementare l'equivalente di

Supponendo che devo cambiare qualcosa nel ? onClick ....

Ecco il codice:

<div id="insidefooter"> 
<ul> 
    <li> 
     <div id="facebook" style="cursor:pointer;" onClick="window.location='https://www.facebook.com';"></div> 
    </li> 
    <li> 
     <div id="youtube" style="cursor:pointer;" onClick="window.location='https://www.youtube.com';"></div> 
    </li> 
    <li> 
     <div id="twitter" style="cursor:pointer;" onClick="window.location='https://twitter.com/';"></div> 
    </li> 
</ul> 
</div> 

Ecco CSS:

#facebook { 
height: 40px; 
position: relative; 
top: 0px; 
left: 260px; 
width: 40px; 
background-image:url(/img/index/footer/facebook-button.jpg); 
} 

#facebook:hover { 
height: 40px; 
width: 40px; 
background-image:url(/img/index/footer/facebook-button2.jpg); 
top: 0; 
left: 260px; 
width: 40px; 
position: relative; 
} 

#youtube { 
height: 40px; 
position: relative; 
top: -62px; 
left: 360px; 
width: 40px; 
background-image:url(/img/index/footer/youtube-button.jpg); 
} 

#youtube:hover { 
height: 40px; 
width: 40px; 
background-image:url(/img/index/footer/youtube-button2.jpg); 
top: -62px; 
left: 360px; 
width: 40px; 
position: relative; 

ho lasciato fuori un po 'di codice CSS per rendere più semplice, ma qui è una demo http://fiddle.jshell.net/3Bsyd/2/

Grazie!

Answer 1

onclick="window.open('http://google.pl', '_blank');"

Answer 2

<div id="facebook" style="cursor:pointer;" onClick="window.open('http://www.google.com','_newtab');">Test</div>