JS页面跳转代码怎么写?总结了5种方法

JS页面跳转是前端开发中常用的操作，一般用于用户点击按钮或链接后在当前窗口或新窗口中导航到指定页面。下面总结了5种常用的方法，包括直接跳转、使用location对象、使用window对象、使用window.location对象和使用 ```

这将立即导航到指定的URL，当前页面的所有状态将丢失。

2. 使用location对象：

location对象提供了很多有用的方法和属性来处理页面跳转。

- 使用`assign()`方法跳转到指定URL：

```javascript

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

```

- 使用`replace()`方法替换当前URL：

```javascript

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

```

- 使用`reload()`方法重新加载当前页面：

```javascript

location.reload();

```

3. 使用window对象：

window对象也提供了一些方法来处理页面跳转。

- 使用`open()`方法打开新窗口并跳转到指定URL：

```javascript

window.open("http://www.example.com", "_blank");

```

第二个参数"_blank"指定在新窗口中打开链接。

- 使用`close()`方法关闭当前窗口：

```javascript

window.close();

```

4. 使用window.location对象：

window.location对象是location对象的子对象，也可以使用它的方法和属性来处理页面跳转。

- 使用`assign()`方法跳转到指定URL：

```javascript

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

```

- 使用`replace()`方法替换当前URL：

```javascript

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

```

- 使用`reload()`方法重新加载当前页面：

```javascript

window.location.reload();

```

5. 使用 标签：

最后一种方法是使用 标签来实现页面跳转。通过设置 标签的href属性为目标URL，用户点击标签后会自动跳转到该URL。

```html

点击跳转

```

这种方法适用于在HTML静态页面中实现简单的跳转。

下面是一个示例，演示如何使用以上提到的方法实现页面跳转：

```html

直接跳转

使用location对象跳转

使用window对象跳转

使用window.location对象跳转

使用标签跳转

```

以上就是关于JS页面跳转的5种常用方法的总结。根据实际需求选择合适的方法，实现页面跳转功能。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/