摘要：對(duì)象的核心對(duì)象是，它表示瀏覽器的一個(gè)實(shí)例。而和則表示該容器中頁(yè)面視圖區(qū)的大小。在中，與返回相同的值，即視口大小而非瀏覽器窗口大小。第三個(gè)參數(shù)是一個(gè)逗號(hào)分隔的設(shè)置字符串，表示在新窗口中都顯示哪些特性。這應(yīng)該是用戶(hù)打開(kāi)窗口后的第一個(gè)頁(yè)面

BOM的核心對(duì)象是window，它表示瀏覽器的一個(gè)實(shí)例。在瀏覽器中，window對(duì)象有雙重角色，它既是通過(guò)JavaScript訪(fǎng)問(wèn)瀏覽器窗口的一個(gè)接口，又是ECMAScript規(guī)定的Global對(duì)象。這以為著在網(wǎng)頁(yè)中定義的任何一個(gè)對(duì)象、變量和函數(shù)，都是以window作為其Global對(duì)象，因此有權(quán)訪(fǎng)問(wèn)parseInt()等方法。

var age=29;
function sayAge(){
  alert(this.age);
}
alert(window.age);//29
sayAge();//29
window.sayAge();//29

全局變量不能通過(guò)delete操作符刪除，而直接在window對(duì)象上的定義的屬性可以

var age=29;
window.color="red";
//在IE<9時(shí)拋出錯(cuò)誤，在其他所有瀏覽器中都返回false
delete window.age;
//在IE<9時(shí)拋出錯(cuò)誤，在其他所有瀏覽器中都返回true
delete window.color;//return true
alert(window.age);//29
alert(window.color);//undefined

嘗試訪(fǎng)問(wèn)未聲明的變量會(huì)拋出錯(cuò)誤，但是通過(guò)查詢(xún)window對(duì)象，可以知道某個(gè)可能未聲明的變量是否存在

//這里會(huì)拋出錯(cuò)誤，因?yàn)閛ldValue未定義
var newValue=oldValue
//這里不會(huì)拋出錯(cuò)誤，因?yàn)檫@是一次屬性查詢(xún)
//newValue的值是undefined
var newValue=window.oldValue

如果頁(yè)面中包含框架，則每個(gè)框架都擁有自己的window對(duì)象，并且保存在frames集合中

在使用框架的情況下，瀏覽器中會(huì)存在多個(gè)Global對(duì)象。在每個(gè)框架中定義的全局變量會(huì)自動(dòng)成為框架中window對(duì)象的屬性。由于每個(gè)window對(duì)象都包含原生類(lèi)型的構(gòu)造函數(shù)，因此每個(gè)框架都有一套自己的構(gòu)造函數(shù)，這些構(gòu)造函數(shù)一一對(duì)應(yīng)，但并不相等。

screenLeft()和screenTop()屬性，分別用于表示窗口相對(duì)于屏幕左邊和上邊的位置

var leftPos=(typeof window.screenLeft=="number")?window.screenLeft:window.screenX;
var topPos=(typeof window.screenTop=="number")?window.screenTop:window.screenY;

moveTo()接收的是新位置的x和y的坐標(biāo)值，而moveBy()接收的是在水平和垂直方向上移動(dòng)的像素?cái)?shù)

//將窗口移動(dòng)到屏幕左上角
window.moveTo(0,0);
//將窗口向下移動(dòng)100像素
window.moveBy(0,100);
//將窗口移動(dòng)到(200,300)
window.moveTo(200,300);
//將窗口向左移動(dòng)50像素
window.moveBy(-50,0)

這兩個(gè)方法可能會(huì)被瀏覽器禁用。這兩個(gè)方法不適用于框架，只能對(duì)最外層的window對(duì)象使用

在IE9+、Safari和FireFox中，outerWidth和outerHeight返回瀏覽器窗口本身的尺寸。在Opera中，這兩個(gè)屬性的值表示頁(yè)面視圖容器的大小。而innerWidth和innerHeight則表示該容器中頁(yè)面視圖區(qū)的大小。在Chrome中，outerWidth、outerHeight與innerWidth、innerHeight返回相同的值，即視口大小而非瀏覽器窗口大小。

使用resizeTo()和resizeBy()方法可以調(diào)整瀏覽器窗口的代銷(xiāo)。這兩個(gè)方法都接收兩個(gè)參數(shù)，其中resizeTo()接收瀏覽器窗口的新寬度和高度，而resizeBy()接收新窗口與原窗口的寬度和高度之差。

//調(diào)整到100X100
window.resizeTo(100,100);
//調(diào)整到200X150
window.resizeBy(100,50)
//調(diào)整到300X300
window,resizeTo(300,300)

這兩種方法也有可能被瀏覽器禁用

window.open()方法既可以導(dǎo)航到一個(gè)特定的URL，也可以打開(kāi)一個(gè)新的瀏覽器窗口

這個(gè)方法接收4個(gè)參數(shù)：要加載的URL、窗口目標(biāo)、一個(gè)特性字符串以及一個(gè)表示新頁(yè)面是否取代瀏覽器歷史記錄中當(dāng)前加載頁(yè)面的布爾值。通常只需傳遞第一個(gè)參數(shù)，最后一個(gè)參數(shù)只在不打開(kāi)新窗口的情況下使用。

如果為window.open()傳遞了第二個(gè)參數(shù)，而且該參數(shù)是已有窗口或框架的名稱(chēng)，那么就會(huì)在具有該名稱(chēng)的窗口或框架中加載第一個(gè)參數(shù)指定的URL。

如果給 window.open() 傳遞的第二個(gè)參數(shù)并不是一個(gè)已經(jīng)存在的窗口或框架，那么該方法就會(huì)根據(jù)在第三個(gè)參數(shù)位置上傳入的字符串創(chuàng)建一個(gè)新窗口或新標(biāo)簽頁(yè)。如果沒(méi)有傳入第三個(gè)參數(shù)，那么就會(huì)打開(kāi)一個(gè)帶有全部默認(rèn)設(shè)置（工具欄、地址欄和狀態(tài)欄等）的新瀏覽器窗口（或者打開(kāi)一個(gè)新標(biāo)簽頁(yè)根據(jù)瀏覽器設(shè)置）。

第三個(gè)參數(shù)是一個(gè)逗號(hào)分隔的設(shè)置字符串，表示在新窗口中都顯示哪些特性。

允許通過(guò)設(shè)置超時(shí)值和間歇時(shí)間值來(lái)調(diào)度代碼在特定的時(shí)刻執(zhí)行。前者是在指定的時(shí)間過(guò)后執(zhí)行代碼，后者是每隔指定的時(shí)間就執(zhí)行一次代碼。

超時(shí)調(diào)用setTimeout()，接收兩個(gè)參數(shù)：要執(zhí)行的代碼和以毫秒表示的時(shí)間。

間歇調(diào)用與超時(shí)調(diào)用類(lèi)似，只不過(guò)它會(huì)按照指定的時(shí)間間隔重復(fù)執(zhí)行代碼，直至間歇調(diào)用被取消或者頁(yè)面被卸載。設(shè)置間歇調(diào)用的方法是setInterval()，它接收的參數(shù)與setTimeout()相同

瀏覽器通過(guò)alert()、confirm()和prompt()方法可以調(diào)用系統(tǒng)對(duì)話(huà)框向用戶(hù)顯示消息。

alert()方法，這個(gè)方法接受一個(gè)字符串并將其展示給用戶(hù)。調(diào)用alert()方法的結(jié)果就是想用戶(hù)顯示一個(gè)系統(tǒng)對(duì)話(huà)框，其中包含指定文本和一個(gè)OK("確定")按鈕

confirm()方法，像是一個(gè)"警告"對(duì)話(huà)框。除了顯示"確定"按鈕之外，還會(huì)顯示一個(gè)Cancel("取消")按鈕，兩個(gè)按鈕可以讓用戶(hù)決定是否執(zhí)行給定的操作

if (confirm("Are you sure?")) {
  alert("I"m so glad you"re sure! ");
} else {
  alert("I"m sorry to hear you"re not sure. ");
}

prompt()方法，生成提示框，用于提示用戶(hù)輸入一些文本。除了顯示OK和Cancel按鈕之外，還會(huì)顯示一個(gè)文本提示域。默認(rèn)接收兩個(gè)參數(shù)，要顯示給用戶(hù)的文本提示和文本輸入域的默認(rèn)值

創(chuàng)建函數(shù)，解析查詢(xún)字符串，返回包含所有參數(shù)的一個(gè)對(duì)象

function getQueryStringArgs(){
  //取得查詢(xún)字符串并去掉開(kāi)頭的問(wèn)號(hào)
  var qs = (location.search.length > 0 ? location.search.substring(1) : ""),
      //保存數(shù)據(jù)的對(duì)象
      args = {},
      //取得每一項(xiàng)
      items = qs.length ? qs.split("&") : [],
      item = null,
      name = null,
      value = null,
      //在 for 循環(huán)中使用
      i = 0,
      len = items.length;
  //逐個(gè)將每一項(xiàng)添加到 args 對(duì)象中
  for (i=0; i < len; i++){
    item = items[i].split("=");
    name = decodeURIComponent(item[0]);
    value = decodeURIComponent(item[1]);
    if (name.length) {
      args[name] = value;
    }
  }
  return args;
}

使用 location 對(duì)象可以通過(guò)很多方式來(lái)改變?yōu)g覽器的位置。首先，也是最常用的方式，就是使用assign() 方法并為其傳遞一個(gè) URL。

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

下面兩行代碼與顯式調(diào)用assign()方法的效果完全一樣

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

//假設(shè)初始 URL 為 http://www.wrox.com/WileyCDA/
//將 URL 修改為"http://www.wrox.com/WileyCDA/#section1"
location.hash = "#section1";
//將 URL 修改為"http://www.wrox.com/WileyCDA/?q=javascript"
location.search = "?q=javascript";
//將 URL 修改為"http://www.yahoo.com/WileyCDA/"
location.hostname = "www.yahoo.com";
//將 URL 修改為"http://www.yahoo.com/mydir/"
location.pathname = "mydir";
//將 URL 修改為"http://www.yahoo.com:8080/WileyCDA/"
location.port = 8080

非IE瀏覽器可以使用plugins數(shù)組來(lái)達(dá)到這個(gè)目的

name，插件的名字

description，插件的描述

filename，插件的文件名

length，插件所處理的MIME類(lèi)型數(shù)量

//檢測(cè)插件（在 IE 中無(wú)效）
function hasPlugin(name){
  name = name.toLowerCase();
  for (var i=0; i < navigator.plugins.length; i++){
    if (navigator. plugins [i].name.toLowerCase().indexOf(name) > -1){
      return true;
    }
  }
  return false;
}
//檢測(cè) Flash
alert(hasPlugin("Flash"));
//檢測(cè) QuickTime
alert(hasPlugin("QuickTime"));

registerContentHandler() 和 registerProtocolHandler() 方法。這兩個(gè)方法可以讓一個(gè)站點(diǎn)指明它可以處理特定類(lèi)型的信息。

screen對(duì)象基本上只用來(lái)表明客戶(hù)端的能力，其中包括瀏覽器窗口外部的顯示器的信息，如像素的寬度高度等

使用 go() 方法可以在用戶(hù)的歷史記錄中任意跳轉(zhuǎn)，可以向后也可以向前。這個(gè)方法接受一個(gè)參數(shù)，表示向后或向前跳轉(zhuǎn)的頁(yè)面數(shù)的一個(gè)整數(shù)值。負(fù)數(shù)表示向后跳轉(zhuǎn)（類(lèi)似于單擊瀏覽器的“后退”按鈕），正數(shù)表示向前跳轉(zhuǎn)（類(lèi)似于單擊瀏覽器的“前進(jìn)”按鈕）。

//后退一頁(yè)
history.go(-1);
//前進(jìn)一頁(yè)
history.go(1);
//前進(jìn)兩頁(yè)
history.go(2);

也可以給 go() 方法傳遞一個(gè)字符串參數(shù)，此時(shí)瀏覽器會(huì)跳轉(zhuǎn)到歷史記錄中包含該字符串的第一個(gè)位置——可能后退，也可能前進(jìn)，具體要看哪個(gè)位置最近。如果歷史記錄中不包含該字符串，那么這個(gè)方法什么也不做，

//跳轉(zhuǎn)到最近的 wrox.com 頁(yè)面
history.go("wrox.com");
//跳轉(zhuǎn)到最近的 nczonline.net 頁(yè)面
history.go("nczonline.net");

還可以使用兩個(gè)簡(jiǎn)寫(xiě)方法 back() 和 forward() 來(lái)代替 go() 。

//后退一頁(yè)
history.back();
//前進(jìn)一頁(yè)
history.forward();

history 對(duì)象還有一個(gè) length 屬性，保存著歷史記錄的數(shù)量。

if (history.length == 0){
  //這應(yīng)該是用戶(hù)打開(kāi)窗口后的第一個(gè)頁(yè)面
}