必须在用户点击等显式交互中调用window.open，并传入无空格、单位省略的features字符串，如'width=800,height=600,left=100,top=50'，否则现代浏览器将忽略尺寸与位置参数。

使用 window.open 打开指定尺寸的新窗口，关键在于正确传入第三个参数——窗口特征字符串（features），其中用逗号分隔的键值对定义宽高、是否可调整、是否显示工具栏等。

基础语法与尺寸控制

基本写法：

window.open(url, target, features, replace);

其中 features 是控制窗口外观的核心参数。要设置大小，必须包含 width 和 height，单位为像素，且不能带单位符号（如不能写 width=800px）。

• width=800：窗口内容区宽度为 800 像素
• height=600：窗口内容区高度为 600 像素
• 注意：这是“内容区域”尺寸，不包括标题栏、地址栏、状态栏等系统边框

常用窗口特征组合示例

以下是一个实用的弹窗配置（居中、固定尺寸、隐藏多余工具栏）：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

立即学习“Java免费学习笔记（深入）”；

const popup = window.open(
  'https://example.com',
  'myPopup',
  'width=800,height=600,left=200,top=100,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,status=no'
);

• left/top：控制窗口左上角在屏幕中的坐标（可选，用于居中计算）
• resizable=yes：允许用户拖拽调整窗口大小；设为 no 则锁定尺寸
• scrollbars=yes：内容超限时显示滚动条
• toolbar/menubar/location/status 设为 no 可精简界面，更接近“对话框”效果

让窗口在屏幕中央打开

浏览器不提供原生居中参数，需手动计算 left 和 top：

function openCentered(url, width = 800, height = 600) {
  const left = (screen.width - width) / 2;
  const top = (screen.height - height) / 2;
  const features = `width=${width},height=${height},left=${left},top=${top},resizable=yes,scrollbars=yes`;
  return window.open(url, '_blank', features);
}
<p>openCentered('popup.html');

• screen.width 和 screen.height 返回用户屏幕总分辨率（非浏览器窗口大小）
• 若需基于当前浏览器窗口居中，可用 window.innerWidth/window.innerHeight 替代，并加上 window.screenX/window.screenY 偏移

注意事项与兼容性提醒

重要限制：

• 现代浏览器（Chrome、Edge、Firefox）默认阻止脚本自动弹窗，除非由用户点击等**明确交互触发**（例如绑定在 button.onclick 中）
• 若未指定 features 字符串，或字符串为空，新窗口将采用浏览器默认尺寸和工具栏，width/height 不生效
• 部分特性（如 toolbar=no）在某些浏览器（尤其是 Chrome）中已被忽略，出于安全策略不再允许完全隐藏地址栏
• 移动端 Safari 等浏览器通常忽略尺寸参数，强制全屏打开