Wie öffne ich einen div-Link in einem neuen Tab? Javascript onClick = "window.location

Question

Ich habe eine Reihe von Social-Media-Buttons erstellt, die beim Bewegen der Maus zu einem anderen Bild wechseln (wodurch ein Highlight-Effekt entsteht) Bilder funktionieren so, wie ich es möchte, aber ich kann nicht herausfinden, wie ich die Seite in eine neue Registerkarte/einen neuen Bildschirm laden kann ? onClick ....

Hier Code:

<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> 

Hier 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; 

ich einige CSS-Code weggelassen es einfacher zu machen, aber hier ist eine Demo http://fiddle.jshell.net/3Bsyd/2/

Thank you!

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>