> 文档中心 > JS基本语法-JavaScript中的常用对象3-window对象,即窗口对象

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

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(){//case1var 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:

window对象测试:

win_test();

运行结果:

在浏览器的控制台的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/");

将打开百度网页。