js实现跳转页面

使用 window.location.href 跳转

通过修改 window.location.href 实现页面跳转，浏览器会加载新页面并记录到历史记录中：

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

使用 window.location.replace 跳转（不保留历史记录）

replace 方法会替换当前页面，不保留在历史记录中，用户无法通过返回按钮回到原页面：

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

使用 window.open 在新标签页打开

通过 window.open 可以在新标签页或窗口中打开链接，第二个参数控制打开方式（如 _blank 表示新标签页）：

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

使用 location.assign 跳转

assign 方法与 href 类似，会加载新页面并保留历史记录：

window.location.assign('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> 标签的 http-equiv="refresh" 实现自动跳转，需直接写入 HTML 或动态插入：

const meta = document.createElement('meta');
meta.httpEquiv = 'refresh';
meta.content = '3;url=https://example.com'; // 3秒后跳转
document.head.appendChild(meta);

注意事项

• 跨域限制：某些跳转方式可能受浏览器同源策略限制。
• 用户体验：避免滥用自动跳转，可能被浏览器拦截或影响 SEO。
• 框架适配：在单页应用（如 React/Vue）中，优先使用路由库（如 react-router 或 vue-router）。