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

JavaScript 页面跳转是指通过 JavaScript 代码跳转到另一个页面。在 Web 开发中，JavaScript 页面跳转具有广泛的应用场景，例如在单页应用中，通过点击链接或操作按钮来跳转到不同的页面。

本文将介绍 JavaScript 页面跳转常用的几种方式，包括通过 window.location、location.href、location.assign、location.replace、window.open 以及使用表单进行跳转等，同时提供每种方式的使用方法和案例说明。

一、通过 window.location 跳转

window.location 是 JavaScript 中一个内置的对象，它有许多属性和方法，其中最常用的一个方法就是 assign()。通过调用 assign() 方法，可以将当前页面跳转到一个新的 URL。例如：

```javascript

window.location.assign("https://www.baidu.com");

```

也可以直接给 location.href 赋值：

```javascript

window.location.href = "https://www.baidu.com";

```

这两种方法效果是相同的，都会将当前页面跳转到百度的首页。

二、通过 location.assign 跳转

location.assign() 是 window.location.assign() 的简写形式，它与 window.location 唯一的区别在于，如果在当前页面跳转到一个新的 URL，会在浏览历史栈中创建一个新的记录。例如：

```javascript

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

```

三、通过 location.replace 跳转

location.replace() 方法也可以将当前页面跳转到一个新的 URL，与 location.assign() 不同的是，该方法会在浏览历史栈中替换当前记录，而不是创建一个新的记录。这意味着用户不能通过浏览器的 “返回” 按钮返回到之前的页面。例如：

```javascript

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

```

四、通过 window.open 跳转

通过 window.open() 方法可以打开一个新的浏览器窗口，并在该窗口中显示指定 URL 的页面。例如：

```javascript

window.open("https://www.baidu.com");

```

可以通过传递第二个参数来指定新窗口的名称、大小、位置等属性。例如：

```javascript

window.open("https://www.baidu.com", "_blank", "width=600,height=400,top=100,left=100");

```

五、通过表单进行跳转

表单的提交也可以用来实现页面的跳转。通过设置表单的 action 属性为目标 URL，然后在 JavaScript 中触发表单提交事件即可实现页面跳转。例如：

```html

跳转

```

以上就是常用的几种 JavaScript 页面跳转方式，通过这些方法，我们可以实现灵活、快速地在网站中进行页面跳转。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/