如何实现除指定href外所有站外链接默认在新窗口打开

DevOps 小满

2026-9-30

问题原因

原代码的判断逻辑使用了逻辑或||，只要满足「链接域名不等于本站域名」或者「href属性不等于javascript:;」其中一个条件，就会给链接设置新窗口打开属性。而javascript:;类型的链接本身没有hostname属性，必然满足第一个判断条件，所以会被误判为站外链接。

修正方案

把判断逻辑改为逻辑与&&，只有同时满足「链接域名不等于本站域名」、「href属性不等于javascript:;」两个条件时，才设置新窗口打开：

// 给无href属性的a标签设置默认值
document.querySelectorAll("a:not([href])").forEach(element => {
  element.setAttribute("href", "javascript:;")
});

const allLinks = document.querySelectorAll('a');
for (let i = 0; i < allLinks.length; i++) {
  const a = allLinks[i];
  // 只有站外+非javascript:;的链接才设置新窗口打开
  if (a.hostname !== location.hostname && a.getAttribute("href") !== 'javascript:;') {
    a.rel = 'noopener';
    a.target = '_blank';
  }
}