js怎么实现页面跳转

使用 window.location.href

通过修改 window.location.href 实现页面跳转，直接赋值目标 URL 即可：

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

使用 window.location.replace

与 href 类似，但不会在浏览器历史记录中留下当前页面的记录：

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

使用 window.open

在新标签页或窗口中打开目标页面，可通过参数控制行为：

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

使用超链接模拟点击

动态创建 <a> 标签并触发点击事件，适合需要模拟用户行为的场景：

const link = document.createElement('a');
link.href = 'https://example.com';
link.target = '_blank';
link.click();

使用 history.pushState

适用于单页应用（SPA），仅更新 URL 而不刷新页面，需配合路由库使用：

history.pushState({}, '', '/new-path');

使用表单提交

通过动态表单实现跳转，适合需要传递复杂数据的场景：

const form = document.createElement('form');
form.method = 'POST';
form.action = 'https://example.com';
document.body.appendChild(form);
form.submit();

注意事项

• 若需传递参数，可将参数拼接到 URL 中（如 ?key=value）。
• 跨域跳转可能受浏览器安全策略限制。
• SPA 推荐使用路由库（如 React Router、Vue Router）管理跳转逻辑。