[JavaScript知识库] JS基本语法-JavaScript中的常用对象3-window对象，即窗口对象

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> JS基本语法-JavaScript中的常用对象3-window对象，即窗口对象 -> 正文阅读

[JavaScript知识库]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(){
	//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/");

将打开百度网页。

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2022-01-01 13:48:21 更:2022-01-01 13:49:59

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/24 11:04:42-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码