js实现跳转到新的页面

使用 window.location.href

通过修改 window.location.href 属性实现页面跳转：

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

此方法会保留当前页面的浏览历史，用户可通过浏览器后退按钮返回。

使用 window.open

在新标签页或窗口中打开页面：

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

第二个参数 '_blank' 表示新标签页，若需指定窗口名称可替换为其他值。

使用 location.replace

替换当前页面，不保留历史记录：

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

适用于不希望用户返回前一页的场景。

使用 <a> 标签模拟点击

动态创建 <a> 标签并触发点击：

const link = document.createElement('a');
link.href = 'https://example.com';
link.target = '_blank'; // 可选：新标签页打开
link.click();

适用于需要更灵活控制的场景。

使用 form 提交跳转

通过动态表单实现跳转（适合带参数的POST请求）：

const form = document.createElement('form');
form.method = 'POST';
form.action = 'https://example.com';
document.body.appendChild(form);
form.submit();

注意事项

• 跨域限制：某些跳转可能受浏览器同源策略影响。
• 用户体验：明确跳转行为，避免意外弹窗被浏览器拦截。
• SEO 友好性：部分爬虫可能无法解析 JavaScript 跳转。