Alert弹窗点击确定后不跳转，新文件正常本地代码异常

• 先确认跳转代码的执行顺序和有效性
  确保跳转代码紧跟在alert()之后，且路径正确，比如：

  alert('操作完成');
  window.location.href = '/target-page.html';
  

  如果跳转前有异步操作（比如AJAX请求），要确保请求完成后再执行跳转，避免代码还没到跳转逻辑就终止了。

• 检查事件绑定中的默认行为拦截
  如果弹窗是在表单提交、按钮点击事件里触发的，看是否不小心加了event.preventDefault()或return false，这会直接阻止页面的默认跳转行为。比如：

  document.querySelector('#submit-btn').addEventListener('click', function(e) {
    alert('提交成功');
    // 下面这行如果没注释，会拦截跳转，哪怕后面写了location.href也没用
    // e.preventDefault();
    window.location.href = '/success.html';
  });
  

• 排查全局脚本或样式的干扰
  检查项目里的其他JS脚本，有没有全局的事件监听（比如beforeunload）或者路由劫持逻辑，这些可能会覆盖原生的window.location跳转。另外，极端情况下某些CSS样式（比如body { pointer-events: none; }）也可能导致页面无响应，但这种情况很少见。

• 用控制台调试定位问题
  打开浏览器开发者工具（F12），在跳转代码行打个断点，确认代码是否真的执行到了跳转那一步。同时查看控制台的报错信息，比如路径错误、变量未定义这些小问题，都会导致代码中断，跳转自然失效。

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