利用js实现页面跳转
使用window.location实现跳转
通过修改window.location.href属性实现页面跳转，这是最常用的方法：
window.location.href = 'https://example.com';window.location对象还支持其他跳转方式：
// 使用assign方法（可回退）
window.location.assign('https://example.com');
// 使用replace方法（不可回退）
window.location.replace('https://example.com');使用超链接模拟点击
创建虚拟的<a>标签并触发点击事件：
const link = document.createElement('a');
link.href = 'https://example.com';
link.target = '_blank'; // 可选：新标签页打开
document.body.appendChild(link);
link.click();
document.body.removeChild(link);使用meta标签跳转
通过动态插入meta标签实现跳转，适合需要延迟跳转的场景：
const meta = document.createElement('meta');
meta.httpEquiv = 'refresh';
meta.content = '3;url=https://example.com'; // 3秒后跳转
document.head.appendChild(meta);使用history API跳转
适用于单页应用(SPA)的页面切换：
// 添加历史记录并跳转
history.pushState({}, '', '/new-page');
// 替换当前历史记录
history.replaceState({}, '', '/new-page');表单提交跳转
通过程序化提交表单实现跳转：
const form = document.createElement('form');
form.method = 'GET';
form.action = 'https://example.com';
document.body.appendChild(form);
form.submit();注意事项
- 使用
window.open()可能被浏览器拦截为弹窗 - 相对路径和绝对路径都支持
- 考虑添加404错误处理
- 移动端需注意页面加载性能
每种方法适用于不同场景，可根据具体需求选择最合适的实现方式。
