如何在新选项卡中打开div链接Javascript onClick =“window.location

我创建了一系列社交媒体按钮，当鼠标悬停时，它会切换到不同的图像（赋予其突出显示效果）。图像工作，因为我想他们，但是，我似乎无法弄清楚如何将页面加载到一个新的标签页/屏幕，我需要实现相当于如何在新选项卡中打开div链接Javascript onClick =“window.location

假设我必须改变？的onClick ....

这里是代码：

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

这里是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;

我离开了一些CSS代码，使其更简单，但这里是一个演示http://fiddle.jshell.net/3Bsyd/2/

谢谢！

来源

2014-04-04 ben_dchost

'window.open（）;'？如果您未定义高度和宽度，它将在新选项卡中打开。 – iamsleepy

你可以在这里找到duplicate..http：//stackoverflow.com/questions/12529837/using-a-div-as-a-link-option-to-open-new-tab –

@rkrk谢谢，对不起一定错过了题。 –

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

来源

2014-04-04 07:51:23 Benio

正是我所期待的。谢谢 –

我正在寻找右键单击选项，我需要用户决定是否在新选项卡或当前选项卡中打开链接。与按下“Ctrl”相同+点击可以在新标签中打开，同时点击打开当前标签中的页面。 – Mai

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

来源

2014-04-04 07:52:24

谢谢你的回答。 _newtab和_blank有什么区别？ –

两者做同样的操作_blank建议 –

只需阅读它，感谢您的帮助！ –

如何在新选项卡中打开div链接Javascript onClick =“window.location

回答

相关问题