JavaScript 之浏览器对象

BOM

浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话。

Window 对象

所有浏览器都支持 window 对象。它代表浏览器的窗口。
所有全局 JavaScript 对象，函数和变量自动成为 window对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。

（HTML DOM 的）document 对象也是 window 对象属性：

window.document.getElementById("header");
// 等同于：
document.getElementById("header");

window.screen 对象

包含用户屏幕的信息。
属性：

screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth

显示以像素计的屏幕宽度：

document.getElementById("demo").innerHTML = "Screen Width: " + screen.width;

结果将是：Screen Width: 1280

window.location 对象

可用于获取当前页面地址（URL）并把浏览器重定向到新页面。

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

显示当前页面的 href (URL)：

document.getElementById("demo").innerHTML = "页面位置是 " + window.location.href;

结果是：页面位置是 http://www.w3school.com.cn/js/js_window_location.asp

window.history 对象

包含浏览器历史。

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

window.navigator 对象

包含有关访问者的信息。

以上这些对象可以不写window。

弹出框

有三种类型的弹出框：警告框、确认框和提示框。

// 当警告框弹出时，用户将需要单击“确定”来继续。
window.alert("sometext");	// 可不写window

// 当确认框弹出时，用户将单击“确定”或“取消”来继续进行。
window.confirm("sometext");	// 可不写window

// 当提示框弹出时，用户将得输入值后单击“确定”或直接点击“取消”来继续进行。
window.prompt("sometext","defaultText");	// 可不写window