如何在 JavaScript 中获取屏幕、网页和浏览器窗口尺寸？

确定各种浏览器中的窗口和屏幕尺寸

获取屏幕、网页和浏览器窗口的尺寸对于各种浏览器来说至关重要网络开发任务。值得庆幸的是，有多种方法可以在主要浏览器中实现此目的。

屏幕尺寸

要获取用户屏幕的尺寸：

• 现代浏览器：

  window.screen.height;
  window.screen.width;

网页尺寸

对于网页尺寸，您可以使用：

• 现代浏览器：

  window.innerHeight;
  window.innerWidth;

浏览器窗口尺寸

确定浏览器窗口的维度：

• jQuery:

  // Size of browser viewport.
  $(window).height();
  $(window).width();

除了上述维度外，您还可以获得以下维度值：

• 第X页， pageY：用户鼠标光标的页面坐标。
• screenX，screenY：用户鼠标光标的屏幕坐标。

旧版方法

在window.screen和window.innerWidth标准化之前，您可以使用jQuery库来计算尺寸。但是，这些方法已被弃用，不再推荐：

• 页面尺寸：

  $(document).height();
  $(document).width();

以上是如何在 JavaScript 中获取屏幕、网页和浏览器窗口尺寸？的详细内容。更多信息请关注PHP中文网其他相关文章！