js实现打开页面

使用 window.open() 方法

通过 window.open() 可以打开新页面或标签页。

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

参数说明：

• 第一个参数是目标 URL。
• 第二个参数指定打开方式（_blank 为新标签页，_self 为当前窗口）。

使用 location.href 跳转

直接修改 location.href 实现页面跳转。

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

等价于用户点击链接，会覆盖当前页面。

通过 <a> 标签模拟点击

动态创建 <a> 标签并触发点击事件。

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

适合需要控制打开逻辑的场景。

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

跳转但不保留当前页面的历史记录。

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

适用于不希望用户返回前页的情况。

表单提交跳转

通过动态表单提交实现页面跳转。

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

适合需要 POST 请求的场景。

注意事项

• 浏览器可能拦截 window.open() 的弹窗，需确保由用户操作触发。
• 跨域链接需遵循同源策略。
• 移动端可能对跳转行为有额外限制。