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() 方法替代：
立即学习“Java免费学习笔记（深入）”；
-
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; }
