前端知识点---window.location.assign() 和 window.location.href 的区别(javascript)

2025/11/15 13:16:58 来源：https://blog.csdn.net/2302_80171619/article/details/146612267 浏览: 次关键词：前端知识点---window.location.assign() 和 window.location.href 的区别(javascript)

window.location.assign() 和 window.location.href 的主要区别：

读取和设置

window.location.href：既可以读取当前 URL，也可以通过赋值更改 URL。

window.location.assign()：只能用于跳转到新的 URL，不能读取当前地址。

历史记录

window.location.assign()：会生成一条新的历史记录，用户可以通过“后退”按钮返回。

window.location.href：更改 URL 时同样会生成历史记录。

语义区别

window.location.href：常用于直接赋值，更直观。

window.location.assign()：更明确地表示执行跳转。

示例


// 使用 href 读取当前地址
console.log(window.location.href);// 使用 href 进行跳转
window.location.href = 'https://example.com';// 使用 assign 进行跳转
window.location.assign('https://example.com');