如何在JavaScript中获取屏幕的可用高度和可用宽度?
该window.screen对象提供了许多功能,以获得有关浏览器屏幕上的信息。它提供了screen.availWidth和 screen.availHeight以获取屏幕的可用高度和可用宽度。让我们单独讨论它们。
可用宽度
示例
该screen.availWidth属性返回访问者的屏幕的实际宽度这意味着它减去的接口功能,如Windows任务栏的宽度。结果值将以像素为单位。
<html>
<body>
<p id="width"></p>
<script>
document.getElementById("Width").innerHTML =
"Available screen width is " + screen.availWidth;
</script>
</body>
</html>输出结果
Available screen width is 1366
可用高度
示例
该screen.availHeight属性返回这意味着它减去界面功能,如Windows任务栏在屏幕的真实高度。结果值将以像素为单位。
<html>
<body>
<p id="height"></p>
<script>
document.getElementById("height").innerHTML =
"Available screen width is " + screen.availHeight;
</script>
</body>
</html>输出结果
Available screen height is 728
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短