如何在JavaScript中找到浏览器窗口的内部高度和内部宽度?
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;
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短