第十二講：歷史對(duì)象和地址對(duì)象

1、歷史對(duì)象 地址對(duì)象 歷史對(duì)象和地址對(duì)象的相關(guān)應(yīng)用歷史對(duì)象的介紹 history對(duì)象其主要作用是用來跟蹤窗口中曾經(jīng)使用的URL，由document對(duì)象的history屬性保持引用。通過使用history對(duì)象可以獲知瀏覽器窗口近來訪問過的網(wǎng)頁(yè)個(gè)數(shù)，還可以實(shí)現(xiàn)從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面，在實(shí)際應(yīng)用中，如涉及到頁(yè)面的跳轉(zhuǎn)問題，可以用這個(gè)對(duì)象來解決 。前進(jìn)到上一頁(yè)和后退到下一頁(yè) 使用history對(duì)象的back和forward方法，可以實(shí)現(xiàn)和瀏覽器提供的后退和前進(jìn)功能。 跳轉(zhuǎn) 卸載文檔 。下面是一個(gè)具體的實(shí)例。URL介紹 URL也就是路徑地址的意思，在網(wǎng)頁(yè)中指的是訪問的路徑。它的構(gòu)成是有一定的規(guī)范的，通常

2、情況下，一個(gè)URL會(huì)有下面的格式：協(xié)議（/）+主機(jī):端口（/）+路徑名稱（#）+哈希標(biāo)識(shí)(?)+搜索條件。這些部分是滿足這樣的要求的：“協(xié)議”是URL的起始部分，直到包含到第一個(gè)冒號(hào)；“主機(jī)”描述了主機(jī)和域名，或者一個(gè)網(wǎng)絡(luò)主機(jī)的IP地址；“端口”描述了服務(wù)器用于通訊的通訊端口；路徑名稱描述了URL的路徑方面的信息；“哈希標(biāo)識(shí)”描述了URL中的錨名稱，包括哈希掩碼(#)。此屬性只應(yīng)用于HTTP的URL；“搜索條件”字符串包含變量和值的配對(duì)；每對(duì)之間由一個(gè)“&”連接。獲取指定地址的各屬性值 通常在網(wǎng)頁(yè)編程時(shí)，會(huì)涉及對(duì)地址的處理的問題，如頁(yè)面間的參數(shù)傳遞等，這些都與地址本身的一些屬性有關(guān)。這

3、些屬性大多都是用來引用當(dāng)前文檔的URL的各個(gè)部分。 示例如下:獲取指定地址的各屬性值 加載新網(wǎng)頁(yè)在網(wǎng)頁(yè)設(shè)計(jì)過程中，時(shí)常會(huì)用到加載一個(gè)新的網(wǎng)頁(yè)的情況。這時(shí)仍然可以用Location對(duì)象。它的href屬性就可以輕松完成這一功能，該屬性返回值為當(dāng)前文檔的URL，如果將該屬性值設(shè)置為新的URL，那么瀏覽器會(huì)自動(dòng)加載該URL的內(nèi)容，從而達(dá)到加載一個(gè)新的網(wǎng)頁(yè)的目的。具體的事例如下 ：獲取參數(shù)，獲取參數(shù)可以說是通過Location對(duì)象的search屬性，可以獲得從URL中傳遞過來的參數(shù)和參數(shù)值。然后在JavaScript代碼中可以處理這些參數(shù)和參數(shù)值。 具體的操作見下一頁(yè)的示例。裝載新文檔與重新裝入當(dāng)前文檔

4、 文檔的裝載在應(yīng)用中也是比較常見的，然而它的裝方式一共就三種，即assign、replace和reload這三個(gè)方法。其中reload方法用于根據(jù)瀏覽器reload按鈕定義的策略重新裝入窗口的當(dāng)前文檔。replace方法取一個(gè)URL參數(shù),從當(dāng)前文檔歷史清單中裝入U(xiǎn)RL,并顯示指定頁(yè)面。 具體的使用方法如下面代碼所示。0102范例12-60304function Assign()05 06location.assign(http:/);/加載一個(gè)新文檔,和location對(duì)象的href屬一樣0708function Replace()09location.replace(http:/);/使用新

5、的URL替換當(dāng)前文檔，不加入到瀏覽器的歷史中1011function Reload()1213location.reload(http:/ 重新載入當(dāng)前文檔，有一個(gè)bool參數(shù)141516 1718前往百度首頁(yè)19163郵箱登錄20前往google首頁(yè)21刷新文檔 在實(shí)際應(yīng)用中，經(jīng)常會(huì)涉及到對(duì)文檔的刷新，JavaScript提供了一種刷新方法。使用Location對(duì)象的reload()方法可以刷新當(dāng)前文檔。reload()方法的語(yǔ)法代碼如下所示：加載新文檔 加載一個(gè)新文檔，除了用open方法以外還可以用Location對(duì)象所提供的方法。Location對(duì)象所提供的replace方法可以用一個(gè)URL來取代當(dāng)前窗口的URL，以達(dá)到加載新文檔的效果 。replace方法的語(yǔ)法代碼如下所示：location.replace(url) 加載新文檔 示例。0102var pos = 0/給變量給變量pos賦初值賦初值009function goUrl()/自定義函數(shù)獲取