window.location.href赋值是最常用页面重定向方式,执行后立即跳转并新增历史记录;支持相对路径、绝对路径和完整url;需用replace避免回退,校验用户输入防xss。

直接给 window.location.href 赋一个新 URL,浏览器就会立即跳转到该地址,这是最常用、最简洁的页面重定向方式。
基本用法:赋值即跳转
只需一行代码即可触发跳转:
window.location.href = "https://example.com";- 执行后当前页面会立刻加载目标 URL,历史记录中会新增一条记录(用户可点“后退”返回原页)
- 支持相对路径(如
"./about.html")、绝对路径(如"/login")和完整 URL
常见使用场景与写法
可根据实际需要灵活设置跳转目标:
- 跳转到外部网站:
window.location.href = "https://www.baidu.com"; - 跳转到同站其他页面:
window.location.href = "/dashboard"; - 带参数跳转:
window.location.href = "/search?q=javascript&sort=date"; - 跳转到当前页面的锚点:
window.location.href = "#section2";
注意替换与重载的区别
window.location.href 是“导航式跳转”,会留下历史记录;如果不想让用户退回原页,可用 replace() 方法替代:
-
window.location.replace("https://example.com");—— 替换当前历史项,点击“后退”会跳过该页 - 两者视觉效果一致,但历史行为不同,登录成功后跳首页常用
replace避免回退到登录页
安全提示:避免 XSS 风险
若跳转地址来自用户输入或 URL 参数,务必校验或白名单处理:
- ❌ 危险写法:
window.location.href = userInput;(可能执行恶意脚本) - ✅ 推荐做法:只允许已知域名或使用
URL构造函数校验:if (new URL(userInput).origin === location.origin) { window.location.href = userInput; }
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











