window.open()是唯一能精确控制新窗口尺寸、位置及功能的API，必须传入空字符串窗口名和无空格配置字符串，并绑定在用户点击事件中执行，否则会被拦截。
用 window.open() 打开新窗口并控制尺寸
直接调用 window.open() 是最可控的方式，能指定宽高、是否显示工具栏等。它不依赖 HTML 属性，适合需要精确弹窗行为的场景。
常见错误是只传一个 URL 参数，结果弹出全屏窗口或被浏览器拦截——必须显式传入空字符串作为第二个参数（窗口名），再传配置字符串：
javascript
document.querySelector('a[data-popup]').addEventListener('click', function(e) {
e.preventDefault();
window.open(this.href, '', 'width=600,height=400,left=100,top=100,scrollbars=yes,resizable=yes');
});
- 窗口名（第二个参数）为空字符串
''表示新建匿名窗口；若填'myPopup'，重复点击会复用同一窗口 - 配置字符串中不要有空格，
scrollbars=yes和resizable=yes建议加上，否则用户可能无法滚动或调整大小 - 现代浏览器对非用户手势触发的
window.open()会静默拦截，所以必须绑定在click事件里且调用e.preventDefault()后立即执行
链接加 target 和 onclick 的简写方式
如果不想写 JS，可以用内联 onclick 配合 target="_blank"，但注意：仅靠 target 无法控制窗口大小，必须配合 window.open()。
下面这种写法看似简洁，实际不可靠：
立即学习“前端免费学习笔记（深入）”；
<a href="content.html" target="popup" onclick="window.open(this.href, this.target, 'width=500,height=300'); return false;">点我弹窗</a>
-
this.target要和window.open()第二个参数一致，才能复用窗口；否则每次都是新窗口 -
return false必须写，否则默认跳转会覆盖弹窗或打开两个页面 - IE 和部分旧浏览器对带空格的配置字符串敏感，建议统一用小写、无空格、等号紧贴（如
width=500,height=300）
为什么不用 target="_blank" 直接实现？
target="_blank" 只能打开新标签页或新窗口，完全无法控制尺寸、位置、是否显示地址栏等。它本质是导航行为，不是弹窗行为。
更关键的是：现代浏览器（Chrome 88+、Firefox 79+）默认将 _blank 链接加上 rel="noopener" 安全限制，子页面无法通过 window.opener 访问原页面——这虽安全，但也意味着你不能用它反向通信或关闭原窗口。
- 如果你真只需要“新开一页”，用
target="_blank"最简单 - 但凡需要“小窗口”“居中”“无地址栏”“可编程关闭”，就必须用
window.open() -
window.open()返回的窗口对象可后续调用w.close()，而_blank没有这个能力
弹窗被拦截时怎么提示用户？
window.open() 在被拦截时返回 null，这是唯一可靠的判断依据。不能靠 try/catch，因为拦截不抛错。
javascript
const w = window.open(url, '', 'width=600,height=400');
if (!w || w.closed || typeof w.closed === 'undefined') {
alert('弹窗被浏览器拦截，请允许弹出窗口后重试');
}
- 检查
w是否为null是最直接的方式 -
w.closed在某些浏览器中可能为undefined，所以用typeof判断更稳妥 - 不要依赖
focus()或blur()状态来判断是否成功，它们和拦截无关
window.open() 的第三个参数硬控；浏览器不会记住上次弹窗设置，每次都要重新传。 
