如何通过JavaScript主窗口脚本修改window.open新窗口的body高度

首先要明确：你用window.open第三个参数设置的height=150是浏览器窗口本身的高度，而非页面内部<body>元素的高度。要修改新窗口的body高度，需要通过新窗口的DOM对象来操作，具体步骤如下：

1. 保存新窗口引用并等待页面加载 #

先把window.open的返回值存为变量，然后监听新窗口的load事件，确保页面DOM加载完成后再修改body样式：

// 打开新窗口并保存引用
const newWindow = window.open("https://www.example.com", "_blank", "width=300");

// 等待新窗口加载完成后操作DOM
newWindow.addEventListener('load', function() {
  // 修改新窗口的body高度为150px
  newWindow.document.body.style.height = '150px';
  // 可选：消除默认边距，避免body高度超出预期
  newWindow.document.body.style.margin = '0';
  // 可选：如果内容超出高度，添加滚动条
  newWindow.document.body.style.overflow = 'auto';
});

2. 跨域限制说明 #

如果新窗口打开的是不同域名的页面，浏览器的同源策略会阻止你修改新窗口的DOM，上述代码会直接报错。这种情况下只能：

• 让目标页面提供可调用的接口，允许外部触发样式修改
• 或者在目标页面的代码中自行设置body高度

3. 同时调整窗口与body高度 #

如果需要让浏览器窗口和body高度匹配，可以结合窗口参数设置与DOM操作：

const newWindow = window.open("https://www.example.com", "_blank", "width=300,height=150");
newWindow.addEventListener('load', function() {
  // 让body占满整个窗口高度
  newWindow.document.body.style.height = '100%';
  newWindow.document.body.style.margin = '0';
});

内容的提问来源于stack exchange，提问作者Fasal Basha