JavaScript中获取屏幕的宽度和高度

Javascript提供了window.screen对象,该对象包含有关用户屏幕的信息。该信息包括高度和宽度,以及许多其他功能。要查找屏幕的高度和宽度,javascript提供的方法分别是screen.heightscreen.width 

高度语法

scree.height;

宽度语法

scree.width;

示例

在下面的示例中,使用 screen.width方法显示屏幕的宽度

<html>
<body>
<p id="width"> </p>
   <script>
      document.getElementById("width").innerHTML =
      "Screen width is " + screen.width;
   </script>
</body>
</html>

输出结果

1366

示例

在以下示例中,使用screen.height方法显示屏幕的高度。

<html>
<body>
   <p id="height"> </p>
   <script>
      document.getElementById("height").innerHTML =
      "Screen heigth is " + screen.height;
   </script>
</body>
</html>

输出结果

768