如何用JS实现外部链接自动在新窗口打开并添加例外规则？

安全阿岳

2026-5-15

解决方案：给外部链接加新窗口打开规则，同时支持信任类例外

嘿，这个需求很好实现，我们只需要把原脚本的逻辑拆分成两部分，分别处理带trusted类的外部链接和普通外部链接，就能精准控制不同链接的属性设置啦。

下面是修改后的完整脚本：

/** Open all external links in a new window with trusted link exceptions */
jQuery(document).ready(function($) {
  // 处理带trusted类的外部链接：仅添加target="_blank"
  $('a.trusted')
    .filter('[href^="http"], [href^="//"]')
    .not('[href*="' + window.location.host + '"]')
    .attr('target', '_blank');

  // 处理普通外部链接：添加target和rel属性
  $('a')
    .not('.trusted') // 排除已处理的信任链接
    .filter('[href^="http"], [href^="//"]')
    .not('[href*="' + window.location.host + '"]')
    .attr('rel', 'nofollow noopener noreferrer')
    .attr('target', '_blank');
});

逻辑说明：

第一块代码专门选中带trusted类的<a>标签，先筛选出外部链接（排除当前域名的链接），然后只给它们加上target="_blank"，完全不碰rel属性，正好匹配你要的例外规则。
第二块代码处理剩下的普通外部链接：先通过.not('.trusted')排除已经处理过的信任链接，再执行原脚本的逻辑，同时添加rel和target属性，保证原有的功能不受影响。

拿你的示例测试一下：