js页面跳转常用的几种方式

js页面跳转是指在网页中通过JavaScript代码实现跳转到其他页面的行为。下面将介绍几种常用的跳转方式，包括：使用window对象的方法、使用location对象的属性和方法、使用a标签的href属性、使用form表单的action属性等。

1. 使用window对象的方法

window对象是表示浏览器窗口的全局对象，它提供了一些方法可以用于页面跳转。

- `window.location.href`：使用该属性可以获取或设置当前页面的URL。通过设置这个属性的值为其他页面的URL，实现页面跳转。例如，`window.location.href = "http://www.example.com"`。

- `window.location.assign(url)`：使用该方法可以立即跳转到指定的URL。例如，`window.location.assign("http://www.example.com")`。

- `window.location.replace(url)`：使用该方法可以立即跳转到指定的URL，并且不会在浏览器历史记录中留下当前页面的记录。例如，`window.location.replace("http://www.example.com")`。

2. 使用location对象的属性和方法

location对象是window对象的一个属性，它用于获取当前页面的URL信息，并提供了一些属性和方法来实现页面跳转。

- `location.href`：与window对象的`location.href`属性功能相同，可以获取或设置当前页面的URL。

- `location.assign(url)`：与window对象的`location.assign(url)`方法功能相同。

- `location.replace(url)`：与window对象的`location.replace(url)`方法功能相同。

- `location.reload()`：该方法用于重新加载当前页面。如果不传入参数，则会重新加载当前页面，并且可能从缓存中获取内容；如果传入参数`true`，则会强制从服务器重新加载页面。

3. 使用a标签的href属性

a标签是用于定义超链接的HTML元素，它的href属性可以指定链接的目标页面的URL。通过在JavaScript代码中修改a标签的href属性值，可以实现页面跳转。

例如，给a标签添加一个id属性，然后在JavaScript代码中获取该a标签，并修改其href属性的值，如下所示：

```html

跳转链接

```

4. 使用form表单的action属性

form表单是用于发送HTTP请求的HTML元素，它的action属性指定了请求发送的目标页面的URL。通过修改form表单的action属性值，可以实现页面跳转。

例如，给form表单添加一个id属性，然后在JavaScript代码中获取该form表单，并修改其action属性的值，如下所示：

```html

```

这些是常用的几种js页面跳转方式，每种方式都有其适用的场景和使用方法。在实际开发中，根据需求选择合适的方式来实现页面跳转。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/