Question

我需要能够在javascript中设置所有html页面链接以在新标签中打开，我该怎么做？

可以归结为div＆＃34;链接＆＃34;？

这是我的代码：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Negócios</title>


<script type="text/javascript">
</script>



</head>

<body>


<div id="links">
<p><a href="https://www.facebook.com/groups/ivendi.maringa2/" data-hovercard="/ajax/hovercard/group.php?id=472352436193468" aria-owns="js_1j" aria-haspopup="true" id="js_1k">MARINGÁ - NEGÓCIOS</a></p>
<p><a href="https://www.facebook.com/groups/638497612850047/" data-hovercard="/ajax/hovercard/group.php?id=638497612850047" aria-owns="js_1l" aria-haspopup="true" id="js_1m">MONTES CLAROS - NEGÓCIOS</a><br>
</p>
<p><a href="https://www.facebook.com/groups/aggape/" data-hovercard="/ajax/hovercard/group.php?id=538358279511007" aria-owns="js_1r" aria-haspopup="true" id="js_1s">Sucesso Empresarial</a></p>
</div>
</body>
</html>

我需要在不使用HTML中的target属性的情况下这样做。我有太多的链接，我也想学习如何做到这一点。

Answer 1

使用target属性。

例如，

<a href="https://www.facebook.com/groups/aggape/" data-hovercard="/ajax/hovercard/group.php?id=538358279511007" aria-owns="js_1r" aria-haspopup="true" id="js_1s" target="_blank">Sucesso Empresarial</a>

请参阅here中的其他选项。

Answer 2

您可以将目标附加到＆＃34;链接＆＃34;中的所有链接。通过这样做：

<强>使用Javascript：

    window.onload = function(){
        var a = document.getElementById('links').getElementsByTagName('a');
        for (var i=0; i<a.length; i++){
            a[i].setAttribute('target', '_blank');
        }
    }

或 jQuery：

    $(document).ready(function(){
      $('#links a').attr('target', '_blank');
    });

Answer 3

您可以使用 base 标记在没有JS的情况下实现这一目标。

<base target="_blank">

javascript打开新标签中的所有HTML链接？

3 个答案: