JavaScript Window窗口对象属性和使用方法

JavaScript中的Window对象是浏览器窗口的根对象，可以通过Window对象来获取和操作窗口的各种属性和方法。

获取窗口属性

Window.innerHeight和Window.innerWidth属性

Window.innerHeight属性和Window.innerWidth属性分别用于获取窗口客户区的高度和宽度，不包括菜单栏和工具栏等浏览器自带的界面元素。

console.log("窗口宽度：" + window.innerWidth);
console.log("窗口高度：" + window.innerHeight);

Window.scrollX和Window.scrollY属性

Window.scrollX属性和Window.scrollY属性分别用于获取横向和纵向滚动条的位置。

console.log("横向滚动条位置：" + window.scrollX);
console.log("纵向滚动条位置：" + window.scrollY);

操作窗口方法

Window.open()方法

Window.open()方法用于打开新的窗口或标签页。

window.open("http://www.baidu.com");

Window.close()方法

Window.close()方法用于关闭当前窗口或标签页。

window.close();

示例说明

示例一：在新窗口中显示网页

<button onclick="openBaidu()">打开百度</button>

<script>
    function openBaidu() {
        window.open("http://www.baidu.com");
    }
</script>

点击按钮后，页面会在新的窗口中打开百度网页。

示例二：滚动到页面底部

<button onclick="scrollToBottom()">滚动到底部</button>

<script>
    function scrollToBottom() {
        window.scrollTo(0, document.body.scrollHeight);
    }
</script>

点击按钮后，页面会滚动到底部。

以上就是JavaScript Window窗口对象属性和使用方法的完整攻略，希望能够对你有所帮助。