BOM--location對象、history對象
location對象
location 是最有用的BOM 對象之一，它提供了與當前窗口中加載的文檔有關的信息，還提供了一些導航功能。
事實上，location 對象是很特別的一個對象，因為它既是window 對象的屬性，也是document 對象的屬性；換句話說，window.location 和document.location 引用的是同一個對象。
location 對象的用處不只表現在它保存著當前文檔的信息，還表現在它將URL 解析為獨立的片段，讓開發人員可以通過不同的屬性訪問這些片段。
下表列出了location 對象的所有屬性（註：省略了每個屬性前面的location 前綴）。
查詢字符串參數
雖然通過上面的屬性可以訪問到location 對象的大多數信息，但其中訪問URL 包含的查詢字符串的屬性並不方便。盡管location.search 返回從問號到URL 末尾的所有內容，但卻沒有辦法逐個訪問其中的每個查詢字符串參數。為此，可以創建一個函數用以解析查詢字符串，然後返回包含所有參數的一個對象：
function getQueryStringArgs(){ var qs = (location.search.length > 0 ? location.search.substring(1) : ""), //取得查詢字符串並去掉開頭的問號 args = {}, //保存數據的對象 items = qs.length ? qs.split("&") : [], //取得每一項 “參數=參數值” item = null, name = null, value = null, i = 0, //在for 循環中使用 len = items.length; //逐個將每一項添加到args 對象中 ,item保存參數，name保存參數值使
用decodeURIComponent()分別解碼name 和value（因為查詢字符串應該是被編碼過的） 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; }
使用這個函數的示例：
//假設查詢字符串是 ?q=javascript&num=10 var args = getQueryStringArgs(); alert(args["q"]); //"javascript" alert(args["num"]); //"10"
位置操作
使用location 對象可以通過很多方式來改變瀏覽器的位置。首先，也是最常用的方式，就是使用assign()方法並為其傳遞一個URL，如下所示。
location.assign("http://www.wrox.com"); //這樣，就立即打開新URL 並在瀏覽器的歷史記錄中生成一條記錄。
如果是將location.href或window.location 設置為一個URL 值，也會以該值調用assign()方法。例如，下列兩行代碼與顯式調用assign()方法的效果完全一樣。
window.location = "http://www.wrox.com";
location.href = "http://www.wrox.com";
在這些改變瀏覽器位置的方法中，最常用的是設置location.href 屬性。另外，修改location對象的其他屬性也可以改變當前加載的頁面。下面的例子展示了通過將hash、search、hostname、pathname 和port 屬性設置為新值來改變URL。
//假設初始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;
每次修改location 的屬性（hash 除外），頁面都會以新URL 重新加載。在IE8、Firefox 1、Safari 2+、Opera 9+和Chrome 中，修改hash 的值會在瀏覽器的歷史記錄中生成一條新記錄。在IE 的早期版本中，hash 屬性不會在用戶單擊“後退”和“前進”按鈕時被更新，而只會在用戶單擊包含hash 的URL 時才會被更新。
當通過上述任何一種方式修改URL 之後，瀏覽器的歷史記錄中就會生成一條新記錄，因此用戶通過單擊“後退”按鈕都會導航到前一個頁面。要禁用這種行為，可以使用replace()方法。這個方法只接受一個參數，即要導航到的URL；結果雖然會導致瀏覽器位置改變，但不會在歷史記錄中生成新記錄。在調用replace()方法之後，用戶不能回到前一個頁面，如下例子：
<!DOCTYPE html> <html> <head> <title>You won‘t be able to get back here</title> </head> <body> <p>Enjoy this page for a second, because you won‘t be coming back here.</p> <script type="text/javascript"> setTimeout(function () { location.replace("http://www.wrox.com/"); }, 1000); </script> </body> </html>
如果將這個頁面加載到瀏覽器中，瀏覽器就會在1 秒鐘後重新定向到www.wrox.com。然後，“後退”按鈕將處於禁用狀態，如果不重新輸入完整的URL，則無法返回示例頁面。
與位置有關的最後一個方法是reload()，作用是重新加載當前顯示的頁面。如果調用reload()時不傳遞任何參數，頁面就會以最有效的方式重新加載。也就是說，如果頁面自上次請求以來並沒有改變過，頁面就會從瀏覽器緩存中重新加載。如果要強制從服務器重新加載，則需要像下面這樣為該方法傳遞參數true。
location.reload(); //重新加載（有可能從緩存中加載） location.reload(true); //重新加載（從服務器重新加載）
位於reload()調用之後的代碼可能會也可能不會執行，這要取決於網絡延遲或系統資源等因素，為此，最好將reload()放在代碼的最後一行。
history對象
history 對象保存著用戶上網的歷史記錄，從窗口被打開的那一刻算起。出於安全方面的考慮，開發人員無法得知用戶瀏覽過的URL。借由用戶訪問過的頁面列表，同樣可以在不知道實際URL 的情況下實現後退和前進。
使用go()方法可以在用戶的歷史記錄中任意跳轉，可以向後也可以向前。這個方法接受一個參數，①表示向後或向前跳轉的頁面數的一個整數值。負數表示向後跳轉（類似於單擊瀏覽器的“後退”按鈕），正數表示向前跳轉（類似於單擊瀏覽器的“前進”按鈕）。
//後退一頁 history.go(-1); //前進一頁 history.go(1); //前進兩頁 history.go(2);
也可以給go()方法傳遞一個②字符串參數，此時瀏覽器會跳轉到歷史記錄中包含該字符串的第一個位置——可能後退，也可能前進，具體要看哪個位置最近。如果歷史記錄中不包含該字符串，那麽這個方法什麽也不做。
//跳轉到最近的wrox.com 頁面 history.go("wrox.com"); //跳轉到最近的nczonline.net 頁面 history.go("nczonline.net");
使用back()和forward()可以模仿瀏覽器的“後退”和“前進”按鈕。
//後退一頁 history.back(); //前進一頁 history.forward();
history 對象還有一個length 屬性，保存著歷史記錄的數量。
if (history.length == 0){ //這應該是用戶打開窗口後的第一個頁面 }
BOM--location對象、history對象