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/");
将打开百度网页。