Question

我正在尝试添加嵌入式css，以便在新标签页中打开所有链接，但它不起作用：

<style type="text/css">
a
{
target-name: new;
 target-new : tab; 

}
</style>
<body>
<a href="http://www.google.com" >Google </a>
</a>
</body>

我想在新标签页中打开链接，我不想为每个链接使用'target'属性。

Answer 1

目标名称或目标新CSS属性都不起作用。它们是由CSS3规范提出的，但不受任何主要浏览器的支持。您将不得不依赖于使用锚标记的target =“”属性，或者如果您需要更动态的内容，请使用JavaScript。

Answer 2

我通常应用rel = external属性并使用javascript为外部链接打开一个新窗口：

<a href="http://www.yahoo.com" rel="external">Yahoo</a><br />
<a href="#">Internal</a>

$('a[rel=external]').click(function(e){
    e.preventDefault();
    window.open(this.href, '_blank');
});

http://jsfiddle.net/chovy/CtLtv/

Answer 3

感谢所有人的意见和答案，以下JQuery代码解决了我的问题：

<script type="text/javascript">
$(document).ready(function(){
$("a").each(function()
 {
  $(this).attr("target","_blank");
  });
});
</script>

参考：http://css-tricks.com/snippets/jquery/open-external-links-in-new-window/

Anchor嵌入式CSS（在新选项卡中打开）不起作用

3 个答案: