js实现跳转到新的页面

使用 window.location.href 实现页面跳转

通过修改 window.location.href 属性，可以直接跳转到新的 URL。浏览器会加载新页面并替换当前页面历史记录。

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

使用 window.open() 打开新标签页

window.open() 可在新标签页或窗口中打开指定 URL。通过参数控制是否在新标签页打开。

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

使用 location.replace() 替换当前页面

location.replace() 跳转到新页面且不保留当前页面的历史记录，用户无法通过浏览器后退按钮返回。

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

使用 location.assign() 导航到新页面

与 location.href 类似，但语义更明确，保留当前页面的历史记录。

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

通过表单提交跳转

动态创建表单并提交，适用于需要 POST 请求的跳转场景。

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

通过 <a> 标签模拟点击

动态创建 <a> 标签并触发点击事件，适合需要控制跳转行为的场景。

const link = document.createElement('a');
link.href = 'https://example.com';
link.target = '_blank';
link.click();

注意事项

• 使用 _blank 时需注意浏览器可能拦截弹窗，需确保跳转由用户操作触发。
• 跨域跳转可能受浏览器安全策略限制。
• 部分方法（如 replace）会清除历史记录，需根据需求选择。