如何使用css在新窗口中打开链接？

Question

我需要在新窗口中打开一组链接 - 好处是它们都具有相同的CSS样式 - 我需要在CSS中执行哪些操作才能在新窗口中打开这些链接？

Answer 1

你不能使用CSS来做到这一点。您需要使用<a target="_blank"></a>。

编辑： Javascript的window.open命令。

Answer 2

你不能用CSS做到这一点。

<script type="text/javascript"> 
function newwindow() 
{ 
    var load = window.open('http://www.domain.com'); 
} 
</Script> 

Answer 3

按照评论：

，我怎么可以指定窗口的大小应该与一个小的脚本，如做到这一点？我希望它比原始页面小一点。另外，我可以制作页面中的所有链接，在同一个新窗口中打开，尺寸更小吗？

您不能使用CSS或HTML来做到这一点。您需要使用JavaScript的window.open()。你可以在a通过element.getElementsByTagName()所有链接，您可以通过element.className确定链接的class属性：

window.onload = function() { 
    var links = document.getElementsByTagName('a'); 
    for (var i = 0; i < links.length; i++) { 
     var link = links[i]; 
     if (link.className == 'someClass') { 
      link.onclick = function() { 
       window.open(this.href, 'chooseYourName', 'width=600,height=400'); 
       return false; 
      } 
     } 
    } 
} 

或者，如果你已经使用jQuery，您可以使用$('a.someClass')选择具有指定类中的所有环节someClass ：

$(document).ready(function() { 
    $('a.someClass').click(function() { 
     window.open(this.href, 'chooseYourName', 'width=600,height=400'); 
     return false; 
    }); 
}); 

窗口的名称作为chooseYourName规定会照顾各个环节都（重新）在同一个窗口中打开。你也看到你可以在那里指定宽度和高度。