js实现url跳转

使用 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');

使用 location.assign 方法

location.assign 方法会加载新文档，效果与修改 href 属性相同，会记录到浏览历史中。

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

使用 meta 标签实现自动跳转

通过 HTML 的 meta 标签可以在指定时间后自动跳转，无需 JavaScript 代码。

<meta http-equiv="refresh" content="5;url=https://example.com">

使用 history.pushState 实现无刷新跳转

history.pushState 方法可以修改当前 URL 而不刷新页面，适用于单页应用。

history.pushState({}, '', '/new-path');

使用 history.replaceState 替换当前 URL

history.replaceState 方法替换当前历史记录而不创建新记录，不会触发页面刷新。

history.replaceState({}, '', '/new-path');

注意事项

1. 跨域限制：某些跳转方法可能受到同源策略限制
2. 弹出窗口拦截：某些浏览器可能会拦截 window.open 方法
3. 用户体验：应明确告知用户即将发生的跳转行为
4. SEO 影响：部分跳转方式可能对搜索引擎优化产生影响

以上方法可根据具体需求选择使用，每种方法都有其适用场景和限制条件。