JS跳转页面

在网页开发中，经常需要通过JS来实现页面跳转。这篇文章将介绍JS跳转页面的几种方式。

1. location.href

最常用的方式是使用location.href实现页面跳转。location.href是一个属性，可以设置或获取当前页面的URL地址。如果将其设置为另一个URL地址，浏览器会自动跳转到该地址。

例如，要跳转到http://www.example.com页面，可以使用以下代码：

location.href = "http://www.example.com";

2. location.replace

另一种常用的方式是使用location.replace实现页面跳转。与location.href不同，location.replace不会在浏览器的历史记录中创建新的记录，而是直接替换当前页面的URL地址。

例如，要跳转到http://www.example.com页面，可以使用以下代码：

location.replace("http://www.example.com");

3. location.assign

location.assign与location.href类似，也可以用于跳转页面。不同的是，location.assign可以接收一个JavaScript对象作为参数，用于设置URL的各个部分。

例如，要跳转到http://www.example.com页面，并且设置query参数为name=张三，可以使用以下代码：

location.assign("http://www.example.com?name=张三");

4. window.open

window.open可以打开一个新窗口并跳转到指定的URL地址。该方法返回一个新窗口的句柄，可以用于后续操作。

例如，要打开一个新窗口并跳转到http://www.example.com页面，可以使用以下代码：

var newWindow = window.open("http://www.example.com");

5. location.reload

location.reload可以重新加载当前页面。如果当前页面有改变，会重新加载最新的内容。

例如，要重新加载当前页面，可以使用以下代码：

location.reload();

总结

以上是JS跳转页面的几种方式。在实际开发中，可以根据具体需求选择不同的方式。需要注意的是，使用location.href、location.replace和location.assign时，如果直接跳转到另一个域名下的页面，会引发浏览器的跨域安全限制。在使用window.open时，需要注意弹出窗口被浏览器拦截的情况。