1. Window对象简介

JavaScript中的Window对象是一个非常重要的概念，它代表了浏览器中打开的窗口，并且作为全局对象，包含了多种属性和方法，使得JavaScript有能力与浏览器进行交互。以下是对Window对象的详细介绍：

1. Window对象简介

• 在JavaScript中，每个浏览器窗口都是一个Window对象。
• Window对象包含了许多子对象，如document、location、navigator、history和screen，这些子对象分别用于操作页面元素、URL地址、浏览器版本信息、浏览器历史和屏幕的高度和宽度。

2. Window对象的属性和方法

• 属性：

  • innerHeight和innerWidth：返回浏览器窗口的内部高度和宽度（包括滚动条）。
  • document：对Document对象的只读引用。
  • history：对History对象的只读引用。
  • location：用于窗口或框架的Location对象。
  • navigator：对Navigator对象的只读引用。
  • screen：屏幕对象，用于操作屏幕的高度和宽度。
  • localStorage：在浏览器中存储key/value对，没有过期时间。
  • length：设置或返回窗口中的框架数量。
  • name：设置或返回窗口的名称。
  • opener：返回对创建此窗口的窗口的引用。
  • outerHeight和outerWidth：返回窗口的外部高度和宽度，包含工具条与滚动条。

• 方法：

  • window.open()：打开新窗口。
  • window.close()：关闭当前的窗口。
  • window.innerHeight和window.innerWidth：获取浏览器窗口的内部尺寸。
  • document.documentElement.clientHeight和document.documentElement.clientWidth：获取文档显示区的高度和宽度。

3. 实例

• 获取浏览器窗口的内部尺寸：

  var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
  

• 打开新窗口：

  window.open('https://www.baidu.com/');
  

• 关闭当前窗口：

  window.close();
  

以上信息来源于菜鸟教程【1†source】、优快云博客【2†source】和w3school在线教程【3†source】【4†source】。这些资源提供了关于JavaScript Window对象的详细信息，包括其属性、方法和如何在实际应用中使用它们。