js跳转页面都有哪些方式？

在 JavaScript 中，跳转页面指的是将用户从当前页面导航到另一个页面。以下是一些常见的方式：

window.location.href：这是最常用的方法之一。通过设置window.location.href的值为目标页面的 URL，可以使浏览器导航到指定的页面。

   window.location.href = 'https://example.com';

window.location.replace()：与window.location.href类似，但它会替换当前页面在浏览器历史记录中的位置，而不是在历史记录中添加新的条目。

   window.location.replace('https://example.com');

window.open()：打开一个新的浏览器窗口或选项卡，并导航到指定的页面。

   window.open('https://example.com');

document.querySelector('a').click()：如果你有一个链接元素（<a>标签）在页面上，并且希望通过点击该链接来跳转页面，可以使用click()方法模拟点击事件。

   document.querySelector('a[href="https://example.com"]').click();

history.pushState()和history.replaceState()：这两个方法用于修改浏览器的历史记录，它们可以在不重新加载页面的情况下更新 URL。这在单页应用（SPA）中比较常见。

   history.pushState(null, null, 'https://example.com');

这些方法是最常见的用于在 JavaScript 中跳转页面的方式。你可以根据具体需求选择适合的方法。

鹏仔前端https://www.pjxi.com/