在JavaScript中，`window`对象扮演着至关重要的角色，它不仅仅代表了浏览器的窗口，同时也是全局作用域的对象，换句话说，在网页中定义的任何全局变量和函数，实际上都会成为`window`对象的属性和方法。下面，我们将详细探讨`window`对象包含的一些关键属性和方法。
属性
1. innerWidth 和 innerHeight：
这些属性返回当前浏览器视口（viewport）的宽度和高度，不包括浏览器边框和菜单栏等。
2. outerWidth 和 outerHeight：
这些属性返回浏览器窗口的总宽度和高度，包括菜单栏、边框等。
3. screenX 和 screenY：
返回浏览器窗口左上角相对于屏幕左上角的水平坐标和垂直坐标。
4. scrollX 和 scrollY：
返回当前页面水平和垂直滚动的像素值。
5. location：
这个属性用于获取和设置当前页面的URL。它通常与`window.location.href`一起使用来进行页面重定向。
6. navigator：
提供了关于浏览器本身的信息，如appName、appVersion、userAgent等。
7. history：
提供了浏览器历史记录的操作方法，如`back()`、`forward()`、`go()`等。
8. document：
指向当前加载的文档的根节点，是DOM（文档对象模型）的入口点。
方法
1. alert()：
显示带有确定按钮的警告对话框。
2. confirm()：
显示带有确定和取消按钮的对话框，通常用于询问用户是否进行某个操作。
3. prompt()：
显示可提示用户输入文本的对话框。
4. open() 和 close()：
用于打开和关闭新的浏览器窗口或标签页。
5. setTimeout() 和 clearTimeout()：
用于在指定的毫秒数后执行一段代码，后者用于取消由setTimeout()设置的定时器。
6. setInterval() 和 clearInterval()：
用于每隔指定的毫秒数重复执行一段代码，后者用于取消由setInterval()设置的定时器。
7. scroll() 和 scrollTo()：
用于滚动页面到指定的坐标。
8. addEventListener() 和 removeEventListener()：
用于添加和移除事件监听器。
9. requestAnimationFrame()：
告诉浏览器执行动画，并请求浏览器在下一次重绘之前调用指定的函数来更新动画。
10. fetch()：
提供了一个JavaScript接口，用于访问和操纵HTTP管道的部分，例如请求和响应。
`window`对象作为全局对象，其包含了大量的属性和方法，这里仅列举了一些常用的。它为开发者提供了丰富的接口，以控制和影响浏览器窗口及其内容，是实现前端交互的基础之一。了解和掌握这些属性和方法，对于前端开发者来说是必不可少的。