js实现跳转页面
使用 window.location.href 实现跳转
通过修改 window.location.href 属性可以跳转到指定 URL。这是最常见且简单的方法，会触发页面刷新并加载新页面。
window.location.href = 'https://example.com';使用 window.location.replace 实现跳转
window.location.replace 方法会替换当前页面在历史记录中的位置，用户无法通过浏览器的返回按钮回到原页面。
window.location.replace('https://example.com');使用 window.open 在新窗口或标签页打开
window.open 方法可以在新窗口或标签页中打开指定 URL，可以通过参数控制窗口行为。
window.open('https://example.com', '_blank');使用 meta 标签自动跳转
在 HTML 的 <head> 部分添加 meta 标签可以实现自动跳转，适用于纯 HTML 场景。
<meta http-equiv="refresh" content="5; url=https://example.com">使用表单提交跳转
通过 JavaScript 动态创建并提交表单可以实现跳转，适用于需要 POST 请求的场景。
const form = document.createElement('form');
form.method = 'POST';
form.action = 'https://example.com';
document.body.appendChild(form);
form.submit();使用 history.pushState 和 history.replaceState
HTML5 的 History API 允许在不刷新页面的情况下修改 URL，适用于单页应用（SPA）。
history.pushState({}, '', '/new-page');使用导航事件跳转
在单页应用框架（如 React、Vue）中，通常使用框架提供的导航方法实现页面跳转。
React Router 示例：
import { useNavigate } from 'react-router-dom';
const navigate = useNavigate();
navigate('/target-page');Vue Router 示例：
this.$router.push('/target-page');注意事项
- 跨域限制：某些跳转方法可能受到浏览器同源策略的限制
- 用户体验：避免滥用自动跳转，可能影响用户体验
- 单页应用：在 SPA 中优先使用框架提供的路由方法
- SEO 考虑：某些跳转方式可能不利于搜索引擎优化
