js中实现页面跳转

使用 window.location.href

通过修改 window.location.href 属性实现跳转，会触发页面刷新：

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

使用 window.location.replace

直接替换当前页面，不保留历史记录（无法通过浏览器后退返回）：

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

使用 window.open

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

window.open('https://example.com', '_blank'); // 新标签页
window.open('https://example.com', '_self');  // 当前窗口

使用锚点跳转

通过修改 location.hash 实现页面内锚点跳转（不刷新页面）：

window.location.hash = '#section1';

使用 History API

通过 history.pushState 或 history.replaceState 修改 URL 而不刷新页面（需配合前端路由）：

history.pushState({}, '', '/new-path'); // 添加历史记录
history.replaceState({}, '', '/new-path'); // 替换当前历史记录

表单提交跳转

通过动态创建表单并提交实现跳转（可携带 POST 数据）：

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

注意事项

• 使用 window.open 可能被浏览器拦截弹窗。
• replace 和 pushState 需考虑浏览器兼容性。
• 锚点跳转需确保目标元素存在且可滚动。