如何实现点击指定按钮后自动开新标签页？仅可在footer/head加代码

要实现点击「Daftar」按钮时，既保留原有页面跳转，又额外打开感谢页新标签，你可以通过在head或footer区域添加以下JavaScript代码实现：

代码实现 #

若脚本放在head区域 #

由于head加载时body元素还未渲染，需要先等待DOM完全加载完成再获取按钮：

document.addEventListener('DOMContentLoaded', function() {
  // 通过按钮ID获取元素
  const registerButton = document.getElementById('buttonRegister');
  // 确保按钮存在再绑定事件
  if (registerButton) {
    registerButton.addEventListener('click', function() {
      // 替换为你的感谢页实际URL，_blank表示新标签页打开
      window.open('你的感谢页URL', '_blank');
    });
  }
});

若脚本放在footer区域 #

footer区域加载时DOM已渲染完成，可简化代码：

const registerButton = document.getElementById('buttonRegister');
if (registerButton) {
  registerButton.addEventListener('click', function() {
    window.open('你的感谢页URL', '_blank');
  });
}

关键说明 #

1. 按钮定位：利用按钮的唯一IDbuttonRegister直接获取元素，无需修改原有HTML结构。
2. 事件兼容：使用addEventListener绑定点击事件，不会覆盖按钮原有跳转逻辑（即使按钮本身已有onclick绑定，多个事件会按顺序执行）。
3. 弹窗拦截：由于window.open是通过用户主动点击触发，浏览器不会将其判定为恶意弹窗，不会被拦截。

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