jquery打开新窗口
使用 window.open() 方法
通过 jQuery 结合原生 JavaScript 的 window.open() 方法打开新窗口:
$('#button').click(function() {
window.open('https://example.com', '_blank');
});
_blank 参数指定在新窗口打开链接。
使用 target="_blank" 属性
直接为 HTML 元素添加 target="_blank" 属性,无需额外脚本:
<a href="https://example.com" target="_blank">打开新窗口</a>
若需动态设置,可通过 jQuery 修改属性:

$('#link').attr('target', '_blank');
控制新窗口尺寸和位置
通过 window.open() 的第三个参数自定义窗口大小和位置:
$('#button').click(function() {
window.open(
'https://example.com',
'_blank',
'width=600,height=400,top=100,left=100'
);
});
参数包括宽度(width)、高度(height)、距离顶部(top)和左侧(left)的像素值。

防止弹出窗口被拦截
某些浏览器可能拦截 window.open(),确保在用户触发的事件(如点击)中调用:
$('#button').on('click', function() {
const newWindow = window.open();
newWindow.location.href = 'https://example.com';
});
先打开空窗口再设置 URL 可降低被拦截概率。
检查新窗口是否成功打开
通过返回值判断窗口是否被拦截:
$('#button').click(function() {
const win = window.open('https://example.com');
if (!win || win.closed) {
alert('请允许弹出窗口');
}
});
若返回的窗口对象无效或已关闭,提示用户调整浏览器设置。






