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）会清除历史记录，需根据需求选择。
