PHP MySQL jquery HTML CSS
Javascript 教程 JS 函数 JS HTML DOM JS 高级教程 JS 浏览器BOM JS 库 JS 实例 JS 参考手册
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript Break 和 Continue 语句 JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单验证 JavaScript 保留关键字 JavaScript JSON javascript:void(0) 含义 JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 JavaScript 对象 JavaScript Number 对象 JavaScript String JavaScript Date（日期） JavaScript Array（数组） JavaScript Boolean（布尔） JavaScript Math（算数） JavaScript RegExp 对象 JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookies JavaScript 库 JavaScript - 测试 jQuery JavaScript - 测试 Prototype JavaScript 实例 JavaScript 对象 实例 JavaScript Browser 对象 实例 JavaScript HTML DOM实例 JavaScript总结 JavaScript对象 HTML DOM 对象

Javascript 教程

JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript Break 和 Continue 语句 JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单验证 JavaScript 保留关键字 JavaScript JSON javascript:void(0) 含义 JavaScript 代码规范

JS 函数

JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包

JS HTML DOM

DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素

JS 高级教程

JavaScript 对象 JavaScript Number 对象 JavaScript String JavaScript Date（日期） JavaScript Array（数组） JavaScript Boolean（布尔） JavaScript Math（算数） JavaScript RegExp 对象

JS 浏览器BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookies

JS 库

JavaScript 库 JavaScript - 测试 jQuery JavaScript - 测试 Prototype

JS 实例

JavaScript 实例 JavaScript 对象 实例 JavaScript Browser 对象 实例 JavaScript HTML DOM实例 JavaScript总结

JS 参考手册

JavaScript对象 HTML DOM 对象
首页 > 大前端 > JavaScript >JavaScript中文参考手册

JavaScript中文参考手册

收藏
分享
浏览95489
更新时间2022-04-15
JavaScript Window Screen

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。

浏览器对象模型 (BOM)

浏览器对象模型（Browser ObjectModel (BOM)）尚无正式标准。

由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。

Window 对象

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

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

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

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

甚至 HTML DOM 的 document 也是 window 对象的属性之一：

window.document.getElementById("header");

与此相同：

document.getElementById("header");

Window 尺寸

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

  • window.innerHeight - 浏览器窗口的内部高度

  • window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

  • document.documentElement.clientHeight

  • document.documentElement.clientWidth

或者

  • document.body.clientHeight

  • document.body.clientWidth

实用的 JavaScript 方案（涵盖所有浏览器）：

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo"></p>
<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
x=document.getElementById("demo");
x.innerHTML="浏览器window宽度: " + w + ", 高度: " + h + "。"
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

该例显示浏览器窗口的高度和宽度：（不包括工具栏/滚动条）

其他 Window 方法

一些其他方法：

  • window.open() - 打开新窗口

  • window.close() - 关闭当前窗口

  • window.moveTo() - 移动当前窗口

  • window.resizeTo() - 调整当前窗口的尺寸

JavaScript Window Screen

相关视频

更多

免费

前端入门_HTML5
初级前端入门_HTML5

64.8万次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

24.6万次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

41.1万次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

76.4万次学习

收藏

科技资讯

更多
华为nova 16 Pro泡泡玛特Hirono小野联名款礼盒发布，售价3899元
小佩Ai全自动猫厕所ULTRA，省事、更省心
Kratos v2.9.2 发布：Consul 标签与 metadata 修复
Kratos v3 迁移说明明确 Go 1.25 与 slog 改动
Kratos v3.0.0 新增 HTTP 流式与错误能力
Kratos v3 文档更新：Core 与 Contrib 边界更清晰
Kratos v3.0.0 发布：核心模块进入 v3 路径
vivo国内首款eSIM手机首销仪式在京举行
上班暂停 摸鱼时间到!支付宝推出摸鱼辅助系统《鱼来》

24小时阅读榜

更多

1

Go语言中如何安全地修改接口切片中具体结构体的字段

2

What Is the MISSING Class in Python?

3

如何为多个图片卡片统一添加点击放大预览功能

4

如何为多个图片卡片统一添加点击放大功能

5

使用 Go 官方 Docker 客户端时的上下文类型不匹配问题详解

6

Docker Go 客户端接口抽象与类型兼容性实战指南

7

如何实现基于相邻元素关系的页面章节无缝导航

8

如何在 WooCommerce 中获取商品变体价格变更前后的值

9

使用 Go 官方 Docker 客户端库时的接口抽象与类型兼容性实战指南

10

实现基于 DOM 兄弟关系的动态页面内导航（Next/Previous）

11

如何修复移动端下拉菜单无法展开的问题

12

如何在 Go 中使用 xlsx 包安全创建 Excel 单元格避免 panic

13

如何正确使用 tealeg/xlsx 包避免 nil 指针解引用 panic

14

如何实现基于相邻 DOM 关系的动态页面节段导航（Next/Previous）

15

实现基于 DOM 元素顺序的智能节段导航（Next/Previous）

精品课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时

18.1万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时

82.3万人学习

前端入门_HTML5
前端入门_HTML5

共29课时

65万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

76.8万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.2万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.4万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.3万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

133.5万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7，16种组合，超全大合集

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

phpStudy安装所需运行库集合下载

下载
VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载
VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载
php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载
VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载
SublimeText3汉化版
SublimeText3汉化版

中文版，非常好用

下载
Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载
phpStudy V8.1（Win64位）（已支持php8）
phpStudy V8.1（Win64位）（已支持php8）

Win64位，支持php多版本共存

下载
提交