如何在JavaScript中找到浏览器窗口的内部高度和内部宽度？

  • Z时代
  • 2024-01-10
  • 分类：综合

Javascript窗口 对象仅表示浏览器窗口。所有浏览器均支持此方法。为了获得内部高度和内部宽度，此方法分别提供了一些属性，例如window.innerHeight和window.innerwidth。使用这些属性，很容易找到浏览器窗口的高度和宽度。让我们单独讨论它们。

内宽

在以下示例中，使用属性window.innerWidth，找到浏览器窗口的内部宽度，并将结果显示在输出中。它以像素为单位给出结果。

示例

<html>
<body>
<p id="width"></p>
<script>
   var w = window.innerWidth
   var x = document.getElementById("width");
   x.innerHTML = "Browser inner window width: " + w ;
</script>
</body>
</html>

输出结果

Browser inner window width: 598


内高

在下面的示例中，使用 window.innerheight属性，可以找到 浏览器窗口的内部高度，并将结果显示在输出中。它以像素为单位给出结果。

示例

<html>
<body>
<p id="height"></p>
<script>
   var h = window.innerHeight
   var x = document.getElementById("height");
   x.innerHTML = "Browser inner window height: " + h ;
</script>
</body>
</html>

输出结果

Browser inner window height: 477;

以上是 如何在JavaScript中找到浏览器窗口的内部高度和内部宽度？ 的全部内容， 来源链接： utcz.com/z/327140.html

回到顶部