JavaScript Window
在本教程中，您将了解 JavaScript 窗口对象。
窗口对象
window 对象表示一个包含 DOM 文档的窗口。 窗口可以是主窗口、框架集或单个框架，甚至可以是使用 JavaScript 创建的新窗口。
如果您还记得前面章节中的内容，我们在脚本中使用了 alert() 方法来显示弹出消息。 这是 window 对象的方法。
在接下来的几章中，我们将看到 window 对象的许多新方法和属性，它们使我们能够执行诸如提示用户信息、确认用户操作、打开新窗口等操作。 让您可以为网页添加更多交互性。
计算窗口的宽度和高度
window 对象提供 innerWidth 和 innerHeight 属性来找出浏览器窗口视口的宽度和高度（以像素为单位），包括水平和 垂直滚动条（如果已渲染）。 这是一个显示按钮单击时窗口当前大小的示例：
<script>
function windowSize(){
var w = window.innerWidth;
var h = window.innerHeight;
alert("Width: " + w + ", " + "Height: " + h);
}
</script>
<button type="button" onclick="windowSize();">Get Window Size</button>但是，如果您想找出不包括滚动条的窗口的宽度和高度，您可以使用任何 DOM 元素（如 div）的 clientWidth 和 clientHeight 属性，如下所示：
<script>
function windowSize(){
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
alert("Width: " + w + ", " + "Height: " + h);
}
</script>
<button type="button" onclick="windowSize();">Get Window Size</button>Advertisements