javascript - window.location.href、window.location.replace 和 window.location.assign 之间的区别

Question

有什么区别

1. window.location.href="http://example.com";
2. window.location.replace("http://example.com");
3. window.location.assign("http://example.com");

我在许多论坛上看到 window.location.assign() 只是替换了当前的 session 历史记录，因此浏览器的后退按钮将不起作用。但是，我无法重现这一点。

function fnSetVariable() {
    //window.location.href = "http://example.com";
    window.location.replace("http://example.com");
    //window.location.assign("http://example.com");
}

<a onmouseover="fnSetVariable();" 
   href="PageCachingByParam.aspx?id=12" >
   CLICK 
</a>

Answer 1

它们做同样的事情:

window.location.assign(url);
window.location = url;
window.location.href = url;

他们只是导航到新的 URL。另一方面，replace 方法导航到 URL，而不向历史记录添加新记录。

所以，你在那么多论坛上读到的东西是不正确的。 assign 方法确实向历史记录中添加了一条新记录。

引用:https://developer.mozilla.org/en-US/docs/Web/API/Window/location