JS基本语法-JavaScript中的常用对象3-window对象，即窗口对象

曾经终败给现在 2023-10-01 11:33 91阅读 0赞

**1. 简介：**

window对象，即窗口对象。在JavaScript中，通常指的是浏览器窗口对象。所有全局 JavaScript 对象，函数和变量都是window对象的成员。

**2. window对象的主要特性：**

所有浏览器都支持 window 对象。它代表浏览器的窗口。

所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至（HTML DOM 的）document 对象也是 window 对象属性。

例如：

window.document.getElementById("id\_header");  
和document.getElementById("id\_header")的结果相同。

**3. window对象举例：**

例子程序：

window\_test.js:

function win_test(){
    	//case1
    	var w = window.innerWidth
    || document.documentElement.clientWidth
    || document.body.clientWidth;
    
       var h = window.innerHeight
    || document.documentElement.clientHeight
    || document.body.clientHeight;
    
       console.log("w,h:", w,h);
    
      var x1 = window.document.getElementById("id_2021");
      var x2 = document.getElementById("id_2022");
      x1.innerHTML = "goodbye 2021!"
      x2.innerHTML = "welcome 2022!"
    
    
    }

window\_test.html:

<!DOCTYPE html>
    <html>
    <body>
    	<script src="./window_test.js"></script>
    
    <h1>window对象测试：</h1>
    <p id="id_2021"></p>
    <p id="id_2022"></p>
    
    <script>
    	win_test();
    </script>
    </body>
    </html>

运行结果：

在浏览器的控制台的log输出：

> w,h: 1389 891

在页面上显示：

> goodbye 2021!
> 
> welcome 2022!

**4. window的其它函数：**

window.open() - 打开新窗口
    window.close() - 关闭当前窗口
    window.moveTo() - 移动当前窗口
    window.resizeTo() - 调整当前窗口的尺寸

例如：

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

将打开百度网页。