JS 入门教程-18-浏览器对象模型((BOM), js window, js window.screen

目录

浏览器对象模型((BOM)

浏览器对象模型(Browser Object Model) 使得 JS 拥有与浏览器交互的能力。

Window 对象

window 对象, 表示浏览器窗口。

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

DOM

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

window.document.getElementById("footer");

等同于:

document.getElementById("footer");

Window 尺寸

可以获取浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

通用 js 代码块如下：

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

Window Screen

对象包含有关用户屏幕的信息。

screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度

availWidth

screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。

availHeight

screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏

其他方法

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

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

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

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

目录导航

目录导航