JavaScript BOM

对象参考手册

• Window
• Navigator
• Screen
• History
• Location

Browser Object Model (BOM)允许 JavaScript 与浏览器对话

Window 对象

• 所有浏览器都支持 window 对象。它代表浏览器的窗口。
• 所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。
• 全局变量是 window 对象的属性。
  全局函数是 window 对象的方法。
• window.document.getElementById("header");
  等同于：
  document.getElementById("header");

Window Location

window.location 对象可不带 window 前缀书写。

window.location.href     返回当前页面的 href (URL)
window.location.hostname     返回 web 主机的域名
window.location.pathname     返回当前页面的路径或文件名
window.location.protocol     返回使用的 web 协议（http: 或 https:）
window.location.assign     加载新文档

Window History

window.history 对象可不带 window 书写。

history.back()     - 等同于在浏览器点击后退按钮
history.forward()     - 等同于在浏览器中点击前进按钮

弹出框

警示框
window.alert() 方法可以不带 window 前缀来写。
alert("我是一个警告框！");

确认框
window.confirm() 方法可以不带 window 前缀来编写。
window.confirm("sometext");

提示框
window.prompt() 方法可以不带 window 前缀来编写。
window.prompt("sometext","defaultText");
var person = prompt("请输入您的姓名", "比尔盖茨");
if (person != null) {
    document.getElementById("demo").innerHTML = "你好 " + person + "！今天过的怎么样？";
}

Timing 事件

可以不带 window 前缀来编写。

setTimeout(function, milliseconds)
在等待指定的毫秒数后执行函数。
clearTimeout() 方法停止执行 setTimeout() 中规定的函数。
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);

setInterval(function, milliseconds)
等同于 setTimeout()，但持续重复执行该函数。
clearInterval() 方法停止 setInterval() 方法中指定的函数的执行
myVar = setInterval(function, milliseconds);
clearInterval(myVar);

setTimeout() 和 setInterval() 都属于 HTML DOM Window 对象的方法。