【JavaScript】基础知识整理（四）

浏览器对象模型（BOM）

BOM使JavaScript有能力与浏览器对话

window对象

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

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

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

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

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

window.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 方案（涵盖所有浏览器）：

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

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

window其他方法

window.open()

window.close()

window.moveTo()

window.resizeTo()

Screen

window.screen 对象在编写时可以不使用 window 这个前缀。

Location

window.location 可以不使用window这个前缀

location.hostname 返回 web主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回web主机的端口

location.protocol 返回使用的web协议（http:// 或 https://）
location.href属性返回当前页面的url

History

window.history 可省略 window 这个前缀

history.back()

history.forward()

Navigator

可省略window前缀

PopuAlert

Timing

cookie