javascript bom中页面跳转主要通过window.location对象实现:1. location.href赋值或2. location.assign()跳转会保留历史记录;3. location.replace()跳转不保留历史;4. location.reload()用于刷新当前页。

JavaScript BOM(Browser Object Model)中实现页面跳转,主要通过 window.location 对象完成,它提供了多种方式控制当前窗口的导航行为。
使用 location.href 跳转(最常用)
直接给 location.href 赋值新 URL,会立即跳转到目标页面,且会在浏览器历史中留下记录,用户可点击“后退”返回上一页。
示例:
window.location.href = "https://example.com";<br>// 或简写为<br>location.href = "/about.html";
使用 location.assign() 方法
功能与设置 href 完全一致,语义更明确,表示“加载一个新文档”。
示例:
location.assign("https://developer.mozilla.org");
使用 location.replace() 替换当前页面(不保留历史)
跳转后,当前页面会被新页面完全替换,浏览器历史中**不会保存原页面**,用户点击“后退”将跳过该跳转,回到上上个页面。适合登录成功跳转、错误页跳转等场景。
示例:
location.replace("/dashboard.html");
使用 location.reload() 刷新当前页
虽然不是跳转到新页面,但属于 BOM 导航相关操作:重新加载当前 URL 对应的页面。
-
location.reload():使用缓存刷新 -
location.reload(true):强制从服务器重新获取(已废弃,但部分浏览器仍支持)
注意:避免在无交互的代码中频繁调用,可能引发循环刷新。
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











