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');参数说明：
- 第一个参数为目标 URL
- 第二个参数为打开方式（
_blank表示新窗口）
动态创建 <a> 标签跳转
通过 JavaScript 动态生成 <a> 标签并触发点击事件，适合需要模拟用户点击的场景：
const link = document.createElement('a');
link.href = 'https://example.com';
link.target = '_blank'; // 可选：在新窗口打开
link.click();使用 navigateTo（框架特定方法）
在 Vue Router 或 React Router 等前端框架中，可使用其导航方法：
- Vue Router
this.$router.push('/target-path'); - React Router
import { useNavigate } from 'react-router-dom'; const navigate = useNavigate(); navigate('/target-path');
通过 meta 标签自动跳转
HTML 的 <meta> 标签可实现页面自动跳转（需放在 <head> 中）：
<meta http-equiv="refresh" content="3;url=https://example.com">content 格式为 延迟秒数;目标URL。
注意事项
- 跨域限制：某些跳转方式可能受浏览器同源策略限制。
- 用户体验：避免滥用
window.open，可能被浏览器拦截。 - SEO 影响：客户端跳转可能不利于搜索引擎抓取，关键页面建议使用服务器端重定向。
