链接打开行为异常技术咨询：点击子链接后主链接新窗口打开、子链接同页打开

可能的原因 #

• target 属性配置不一致：主链接（Google）大概率被设置了 target="_blank" 属性，而YouTube链接未配置该属性，导致前者触发新窗口打开，后者沿用浏览器默认的当前页打开逻辑。
• 自定义JS事件干扰：页面中可能存在点击事件监听代码，错误地强制修改了特定链接的打开方式——比如给主链接添加了新窗口跳转的逻辑，或者覆盖了默认的链接行为。
• 浏览器插件篡改：部分广告拦截、页面优化类插件，可能会自动修改链接的 target 属性或点击行为，导致打开方式不符合预期。

解决方案 #

1. 修正链接的 target 属性 #

直接检查页面源码中的链接标签，统一配置打开行为：

• 若希望所有链接在当前页面打开，确保所有 <a> 标签不设置 target="_blank"，或统一添加 target="_self"：

  <a href="https://www.google.com" rel="nofollow noreferrer" target="_self">Google</a>
  <a href="https://www.youtube.com" rel="nofollow noreferrer" target="_self">YouTube</a>
  

• 若希望所有链接在新窗口打开，给所有链接添加 target="_blank"：

  <a href="https://www.google.com" rel="nofollow noreferrer" target="_blank">Google</a>
  <a href="https://www.youtube.com" rel="nofollow noreferrer" target="_blank">YouTube</a>
  

2. 排查并修正自定义JS代码 #

搜索页面中的事件绑定逻辑，比如 addEventListener('click') 或 jQuery 的 click() 方法，找出可能篡改链接行为的代码：

// 错误示例：强制指定Google链接在新窗口打开
document.querySelector('a[href*="google.com"]').addEventListener('click', function(e) {
  e.preventDefault();
  window.open(this.href);
});

移除或修改这类逻辑，确保链接遵循 target 属性的配置规则。

3. 排查浏览器插件影响 #

暂时禁用所有浏览器扩展，重新测试链接打开行为。若恢复正常，再逐个启用插件排查出问题的那个，之后卸载或禁用该插件即可。

内容的提问来源于stack exchange，提问作者ibrahim ramy