如何在内联JavaScript中实现点击弹窗后跳转至网站首页

alert() 是同步阻塞方法，只有用户点击弹窗的确认按钮后，才会执行函数内后续的代码，你不需要额外创建锚标签，直接在alert语句后添加JS页面跳转逻辑即可，修改后的代码如下：

function goback() {
  alert("Thank you for contacting us ");
  // 弹窗确认后跳转至首页
  window.location.href = "/";
}

你的原有HTML按钮代码无需修改，可正常触发逻辑：

<button class="app-form-button" onclick="goback()">SEND</button>

不同场景的跳转写法可选：

• 站点首页为根路径时，直接赋值为 / 即可，这是静态站点最通用的写法，不受当前页面路径影响
• 如果首页是站点内的具体文件，比如和联系页面同层级的 index.html，可以写为相对路径 window.location.href = "index.html"
• 如果需要避免用户点击浏览器后退按钮回到提交前的联系页面，可以使用replace方法替换浏览历史记录：window.location.replace("/")

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