javascript 在新选项卡中打开所有 html 链接?

标签 javascript jquery html

我需要能够在 JavaScript 中设置所有 html 页面链接以在新选项卡中打开,我该怎么做?

可以归因于div“链接”吗?

这是我的代码:

    <!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 属性的情况下执行此操作。我的链接太多了,我也想学习如何做到这一点。

最佳答案

您可以通过执行以下操作将目标附加到“links”div 内的所有链接:

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');
    });

关于javascript 在新选项卡中打开所有 html 链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27109897/

相关文章:

javascript - 使用和不使用构造函数将函数传递给状态的区别

css - 在我创建的模板上通过 CSS 编辑组件中的 joomla 内容

javascript - 为什么 Google Maps API 无法从 HTML 文件中的 JS 访问自定义 CSS 文件?

jquery - 滚动内容位于主标题和导航栏下方

javascript - Angular 指令 - 了解绑定(bind)到属性的对象何时发生更改

javascript - jquery hover 只适用于主页(Chrome)

javascript - 使用 JQuery 更改 XHR 请求中的输入值

javascript - SVG <g> 标签获取其 &lt;title&gt; 内容 JS/jQuery

javascript - 当范围更改时,如何让 ng-select 进行更新?

jquery - 选择选择的第一项