js如何获取浏览器的大小

在JavaScript中，可以通过window.innerWidth和window.innerHeight属性来获取浏览器窗口的宽度和高度，这两个属性返回的是浏览器窗口可视区域的宽度和高度，单位是像素。

以下是一个简单的示例代码，展示如何获取并打印浏览器窗口的大小：

// 获取浏览器窗口的宽度和高度
var width = window.innerWidth;
var height = window.innerHeight;

// 打印浏览器窗口的大小
console.log("浏览器窗口宽度: " + width + "px");
console.log("浏览器窗口高度: " + height + "px");

如果你想要在浏览器窗口大小发生变化时获取新的大小，可以监听resize事件，如下所示：

// 监听浏览器窗口大小变化事件
window.addEventListener('resize', function() {
  // 获取新的浏览器窗口宽度和高度
  var newWidth = window.innerWidth;
  var newHeight = window.innerHeight;

  // 打印新的浏览器窗口大小
  console.log("新的浏览器窗口宽度: " + newWidth + "px");
  console.log("新的浏览器窗口高度: " + newHeight + "px");
});

这段代码会在浏览器窗口大小发生变化时，实时打印出新的窗口宽度和高度。

需要注意的是，window.innerWidth和window.innerHeight获取的是浏览器窗口可视区域的大小，不包括浏览器边框、工具栏、滚动条等部分。如果你需要获取整个浏览器窗口的大小，包括这些部分，可以使用document.documentElement.offsetWidth和document.documentElement.offsetHeight属性。

另外，如果你是在一个iframe或者弹出窗口中获取浏览器大小，可能需要使用不同的方法来获取正确的大小。例如，在iframe中，你可能需要使用parent.window.innerWidth和parent.window.innerHeight来获取父窗口的大小。