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

最新推荐文章于 2024-01-17 17:02:20 发布

liranke

最新推荐文章于 2024-01-17 17:02:20 发布

阅读量1.5k

点赞数 2

分类专栏： JavaScript笔记文章标签： javascript 前端 window对象 getElementById

本文链接：https://blog.csdn.net/liranke/article/details/122263004

版权

JavaScript笔记专栏收录该内容

21 篇文章 2 订阅

订阅专栏

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/");

将打开百度网页。

liranke

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS基本语法-JavaScript中的常用对象3-window对象，即窗口对象

window对象的使用，以及如何打开一个网页，用window.open。
复制链接

扫一扫

专栏目录