使用js实现打开新网页

使用 window.open 方法

通过 window.open 方法可以打开一个新窗口或标签页。该方法接受三个参数：URL、窗口名称和窗口特性。

window.open('https://example.com', '_blank', 'width=600,height=400');

_blank 表示在新标签页打开，窗口特性可以指定新窗口的尺寸、位置等。

使用 a 标签的 target 属性

通过动态创建 a 标签并设置 target="_blank"，可以模拟点击链接打开新页面。

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

这种方法不会触发浏览器的弹出窗口拦截机制。

使用表单的 target 属性

如果需要提交表单并在新窗口打开结果，可以通过设置表单的 target 属性为 _blank。

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

适用于需要传递数据的场景。

使用 location.href 或 location.replace

虽然 location.href 和 location.replace 通常用于当前页面跳转，但结合 window.open 可以实现类似效果。

const newWindow = window.open('', '_blank');
newWindow.location.href = 'https://example.com';

这种方法可以更灵活地控制新窗口的内容。

注意事项

浏览器可能会拦截通过 window.open 触发的弹出窗口，尤其是在非用户交互事件中调用时。确保在用户点击事件中调用这些方法以避免拦截。

不同浏览器对新窗口的默认行为可能有所不同，建议测试兼容性。