js跳转网址

写js跳转，跳转最直接的网址方式就是 window.location.href = "https://example.com"。这行代码扔到浏览器控制台里，跳转页面立马就跑了。网址但你要是跳转以为所有跳转都这么简单，那可真小看这行了。网址

我去年给一个老项目加统计代码，跳转发现页面里塞了三个跳转函数。网址第一个是跳转onclick里直接写，第二个是网址setTimeout包着的延迟跳转，第三个是跳转form提交前的window.open。三个方法各管一摊，网址乱得跟早高峰的跳转地铁换乘站似的。后来我全改成统一的网址跳转工具函数，才消停。跳转

跳转这事，关键不在怎么写，而在什么时候写。用户点按钮，你得先存数据再跳——直接改href就完了。但要是跳转前需要确认表单、弹个广告、或者记录来源渠道，那就得用event.preventDefault()拦一下，干完活再手动跳。有个同事写过这么一段：
document.getElementById('btn').addEventListener('click', function(e) {
  e.preventDefault();
  if (trackUser()) {
    window.location.replace('/next-page');
  }
});
他特意用replace()而不是href赋值，因为replace不会在浏览器历史里留记录。用户按后退键时不会回到那个已经没用的中间页。这个细节，很多新手压根没想过。

还有种常见坑——新窗口打开。用window.open(url, '_blank')没问题，但会被弹窗拦截器挡。用户没点按钮时，代码里直接open，浏览器大概率拦你。所以正规做法是：先用用户点击事件里open一个空白窗口，再在回调里给它设置url。比如下载文件时，先var w = window.open();，等ajax返回文件地址，再w.location = url。这样既不被拦，又能拿到下载进度。

SPA应用里跳转更讲究。Vue用router.push，React用useNavigate，但你要是直接改window.location，整个应用会刷新，状态全没了。有次我调试一个React项目，页面跳转后redux里的用户信息丢了，排查半天，结果发现是某个遗留的标签没加onClick阻止默认行为，浏览器直接整页刷新了。后来统一封装了一个跳转方法，内部判断是站内路由还是外部链接，站内走history，站外才用location.href。