页面跳转位置

全文字数：   536

2分钟读完

使用 location 对象可以通过很多方式来改变浏览器的位置。首先，也是最常用的方式，就是使用 assign() 方法并为其传递一个URL，如下所示。

location.assign(“https://www.baidu.com”);

这样，就可以立即打开新URL并在浏览器的历史记录中生成一条记录。如果是将 location.href 或 window.location 设置为一个URL值，也会以该值调用 assign() 方法。例如，下列两行代码与显式调用 assign() 方法的效果完全一样。

window.location = “https://www.baidu.com”;

location.href = “https://www.baidu.com”;

在这些改变浏览器位置的方法中，最常用的是设置 location.href 属性。

另外，修改 location 对象的其他属性也可以改变当前加载的页面。下面的例子展示了通过将 hash 、 search 、 hostname 、 pathname 和 port 属性设置为新值来改变URL。每次修改 location 的属性（ hash 除外），页面都会以新URL重新加载。

使用 replace() 方法。这个方法只接受一个参数，即要导航到的URL；结果虽然会导致浏览器位置改变，但不会在历史记录中生成新记录。在调用 replace() 方法之后，用户不能回到前一个页面

location.replace(“https://www.baidu.com”);

与位置有关的最后一个方法是 reload() ，作用是重新加载当前显示的页面。如果调用 reload() 时不传递任何参数，页面就会以最有效的方式重新加载。也就是说，如果页面自上次请求以来并没有改变过，页面就会从浏览器缓存中重新加载。如果要强制从服务器重新加载，则需要像下面这样为该方法传递参数 true 。

location.reload(); //重新加载（有可能从缓存中加载）

location.reload(true); //重新加载（从服务器重新加载）

位于 reload() 调用之后的代码可能会也可能不会执行，这要取决于网络延迟或系统资源等因素。为此，最好将 reload() 放在代码的最后一行。