JavaScriptBOM

BOM（浏览器对象模型）

window 对象

BOM 的核心对象是window，它表示浏览器的一个实例。在浏览器中，window 对象有双重角色，
它既是通过JavaScript 访问浏览器窗口的一个接口，又是ECMAScript 规定的Global 对象。这意味着
在网页中定义的任何一个对象、变量和函数，都以window 作为其Global 对象，因此有权访问
parseInt()等方法

 

使用moveTo()和moveBy()方法倒是有可能将窗口精确地移动到一个新位置

使用resizeTo()和resizeBy()方法可以调整浏览器窗口的大小

使用window.open()方法既可以导航到一个特定的URL

超时调用需要使用window 对象的setTimeout()方法

//推荐的调用方式
setTimeout(function() {
    alert("Hello world!");
}, 1000);

设置间歇调用的方法是setInterval()

可以使用clearInterval()方法并传入相应的间歇调用ID

浏览器通过alert()、confirm()和prompt()方法可以调用系统对话框向用户显示消息.

location 对象

事实上，location 对象是很特别的一个对象，因为它既是window 对象的属性，也是
document 对象的属性；换句话说，window.location 和document.location 引用的是同一个对象。

hash                   "#contents"                               返回URL中的hash（#号后跟零或多个字符），如果URL
                                                                            中不包含散列，则返回空字符串
host                   "www.wrox.com:80"                   返回服务器名称和端口号（如果有）
hostname          "www.wrox.com"                        返回不带端口号的服务器名称
href                   "http:/www.wrox.com"                 返回当前加载页面的完整URL。而location对象的
                                                                            toString()方法也返回这个值
pathname         "/WileyCDA/"                              返回URL中的目录和（或）文件名
port                   "8080"                                        返回URL中指定的端口号。如果URL中不包含端口号，则
                                                                            这个属性返回空字符串
protocol           "http:"                                          返回页面使用的协议。通常是http:或https:
search             "?q=javascript"                            返回URL的查询字符串。这个字符串以问号开头

location.assign("http://www.wrox.com");

window.location = "http://www.wrox.com";

location.href = "http://www.wrox.com";

navigator 对象

每个浏览器中的navigator 对象也都有一套自己的属性。

screen 对象

screen 对象基本上只用来表明客户端的能力，其中包括浏览器窗口外部的显示器的信息，如像素宽度和高度等。

history 对象

history 对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。因为history 是window
对象的属性，因此每个浏览器窗口、每个标签页乃至每个框架，都有自己的history 对象与特定的
window 对象关联。

//后退一页
history.go(-1);
//前进一页
history.go(1);
//前进两页
history.go(2);

//跳转到最近的wrox.com 页面
history.go("wrox.com");
//跳转到最近的nczonline.net 页面
history.go("nczonline.net");

//后退一页
history.back();
//前进一页
history.forward();