location.assign、location.href、location.replace 的区别

小渣渣

window.location.assign 和 window.location.href、window.location.replace 有什么区别呢？

• window.location.href：设置或获取当前文档的URL
• window.location.assign(url)：此方法用来加载并显示由参数url指定的新文档，允许用户通过“后退”按钮返回到之前的页面。
• window.location.replace(url)：方法用来替换当前文档为新的URL所指向的文档，不会在浏览历史中留下任何痕迹。这意味着如果用户尝试使用“后退”按钮，则会跳过被替换掉的那个页面，直接回到更早之前的一个页面。
  

window.location.href vs window.location.assign(url)

效果相同：两者都可以用来导航到新的URL。
历史记录：两者都会在浏览器的历史记录中创建一个新的条目，用户可以通过“后退”按钮返回到之前的页面。

区别就是，一个是属性，一个是方法。

window.location.assign(url) vs window.location.replace(url)

assign：创建新的历史记录条目，用户可以后退。
replace：替换当前页面，不在历史记录中创建新条目，用户不能通过后退按钮返回。