Javascript window对象详解

window对象是JavaScript中的全局对象，它代表浏览器窗口或标签页。在网页中，我们经常使用window对象来操作浏览器窗口、加载新的文档等。

获取窗口的大小和位置

要获取窗口的大小和位置，我们可以使用window.innerWidth、window.innerHeight、window.outerWidth 和window.outerHeight属性，它们分别表示窗口的内部宽度和高度、外部宽度和高度。

示例一：

console.log("内部宽度：" + window.innerWidth);
console.log("内部高度：" + window.innerHeight);
console.log("外部宽度：" + window.outerWidth);
console.log("外部高度：" + window.outerHeight);

输出结果：

内部宽度：1366
内部高度：738
外部宽度：1392
外部高度：759

如果我们需要获取窗口在屏幕中的位置，可以使用window.screenX和window.screenY 属性。

示例二：

console.log("窗口相对于屏幕的水平位置：" + window.screenX);
console.log("窗口相对于屏幕的垂直位置：" + window.screenY);

输出结果：

窗口相对于屏幕的水平位置：0
窗口相对于屏幕的垂直位置：0

打开新窗口

使用window.open()方法可以打开一个新的浏览器窗口或标签页。这个方法可以接受4个参数：URL、窗口名称、特性字符串和一个布尔值，表示是否在新窗口中打开链接。

示例三：

window.open("https://www.baidu.com", "_blank", "width=500,height=500");

这个示例将在一个新窗口中打开百度的网站，窗口的宽度和高度均为500像素。

关闭窗口

我们可以使用window.close()方法来关闭当前窗口或标签页。

示例四：

setTimeout(function() {
  window.close();
}, 5000);

这个示例将在5秒钟后关闭当前窗口或标签页。

总结

window对象可以让我们获取窗口的大小和位置，打开和关闭窗口，并提供一些其他有用的功能。在实际开发中，我们会频繁地使用它来与浏览器交互。