js怎么实现网页跳转页面跳转页面
使用 window.location.href 实现跳转
修改 window.location.href 是最常见的跳转方式,直接赋值目标 URL 即可立即跳转:
window.location.href = 'https://example.com';
使用 window.location.replace 实现跳转
replace() 方法会替换当前页面历史记录,用户无法通过浏览器后退按钮返回原页面:
window.location.replace('https://example.com');
使用 window.open 实现跳转
window.open() 可在新窗口或标签页中打开目标页面,通过参数控制窗口行为:

window.open('https://example.com', '_blank');
使用 meta 标签实现自动跳转
在 HTML 的 <head> 中添加 meta 标签可实现定时跳转,以下代码会在 3 秒后跳转:
<meta http-equiv="refresh" content="3;url=https://example.com">
使用表单提交实现跳转
通过 JavaScript 动态提交表单实现跳转,适用于需要传递参数的场景:

document.getElementById('redirectForm').submit();
使用 history.pushState 实现无刷新跳转
该方法修改浏览器历史记录而不刷新页面,适用于单页应用(SPA):
history.pushState({}, '', '/new-page');
使用锚点实现页面内跳转
通过修改 location.hash 实现页面内锚点跳转:
window.location.hash = '#section2';
使用导航 API 实现跳转
现代浏览器支持的 Navigation API 提供更精细的路由控制:
navigation.navigate('https://example.com');
每种方法适用于不同场景,需根据具体需求选择。常规页面跳转推荐 window.location.href,单页应用推荐 history.pushState,需要强制不保留历史记录时使用 replace()。






