js怎么实现页面跳转
使用 window.location.href
通过修改 window.location.href 可以实现页面跳转。将目标 URL 赋值给该属性后,浏览器会立即加载新页面。
window.location.href = 'https://example.com';
使用 window.location.replace
window.location.replace 与 href 类似,但不会在浏览历史中留下当前页面的记录。用户无法通过后退按钮返回前一页。
window.location.replace('https://example.com');
使用 window.open
window.open 可以在新窗口或标签页中打开目标 URL。通过参数控制是否在新窗口打开。

window.open('https://example.com', '_blank');
使用 location.assign
location.assign 加载新页面,同时保留当前页面在浏览历史中,允许用户通过后退按钮返回。
location.assign('https://example.com');
使用 meta 标签自动跳转
在 HTML 的 <head> 部分添加 meta 标签,可以设置自动跳转。适用于无需用户交互的场景。

<meta http-equiv="refresh" content="5;url=https://example.com">
使用表单提交跳转
通过 JavaScript 动态提交表单,可以实现跳转。适用于需要传递数据的场景。
document.getElementById('myForm').submit();
使用 history.pushState 或 replaceState
history.pushState 修改浏览历史而不刷新页面,适用于单页应用(SPA)。需配合路由库或监听 popstate 事件。
history.pushState({}, '', '/new-page');
使用锚点跳转
修改 location.hash 可以跳转到页面内的锚点,或触发 SPA 的路由变化。
window.location.hash = '#section1';






