location.href 当前页面 URL
最后更新：2026-09-09
location.href 当前页面 URL
location.href 获取或设置当前页面的完整 URL。赋值会导致页面跳转。
| 分类 | 浏览器 BOM |
|---|---|
| ES 版本 | DOM |
📝 语法
location.href = 'https://example.com';返回值：当前页面的完整 URL。
是否修改原值：是（原地修改）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
https://example.com/page?id=1
/about
/page
?id=1
https://example.com💡 提示 location.href 赋值等同于用户点击链接——会留下浏览器历史记录。
ℹ️ info location 对象还提供 pathname/search/hash/origin 等 URL 各部分。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| location.href | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关条目
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
Qlocation.href 和 window.open 的区别？
Ahref 在当前页面跳转；open 打开新窗口/标签页。
Q如何获取 URL 参数？
A用 URLSearchParams(location.search).get('id')。
Qlocation.href 赋值会留下历史记录吗？
A会——用户可以用后退键返回。用 location.replace() 则不留历史。
