javascript中l(wèi)ocation地址對(duì)象描述的是某一個(gè)窗口對(duì)象所打開的地址。要表示當(dāng)前窗口的地址，只需要使用“l(fā)ocation”就行了；若要表示某一個(gè)窗口的地址，就使用“<窗口對(duì)象>.location”。

一、JS中Location的含義

1、Location 對(duì)象存儲(chǔ)在 Window 對(duì)象的 Location 屬性中，表示那個(gè)窗口中當(dāng)前顯示的文檔的 Web 地址。它的 href 屬性存放的是文檔的完整 URL，其他屬性則分別描述了 URL 的各個(gè)部分。這些屬性與 Anchor 對(duì)象（或 Area 對(duì)象）的 URL 屬性非常相似。當(dāng)一個(gè) Location 對(duì)象被轉(zhuǎn)換成字符串，href 屬性的值被返回。這意味著你可以使用表達(dá)式 location 來替代 location.href。

2、Anchor 對(duì)象表示的是文檔中的超鏈接，Location 對(duì)象表示的卻是瀏覽器當(dāng)前顯示的文檔的 URL（或位置）。但是 Location 對(duì)象所能做的遠(yuǎn)遠(yuǎn)不止這些，它還能控制瀏覽器顯示的文檔的位置。如果把一個(gè)含有 URL 的字符串賦予 Location 對(duì)象或它的 href 屬性，瀏覽器就會(huì)把新的 URL 所指的文檔裝載進(jìn)來，并顯示出來。

3、除了設(shè)置 location 或 location.href 用完整的 URL 替換當(dāng)前的 URL 之外，還可以修改部分 URL，只需要給 Location 對(duì)象的其他屬性賦值即可。這樣做就會(huì)創(chuàng)建新的 URL，其中的一部分與原來的 URL 不同，瀏覽器會(huì)將它裝載并顯示出來。例如，假設(shè)設(shè)置了Location對(duì)象的 hash 屬性，那么瀏覽器就會(huì)轉(zhuǎn)移到當(dāng)前文檔中的一個(gè)指定的位置。同樣，如果設(shè)置了 search 屬性，那么瀏覽器就會(huì)重新裝載附加了新的查詢字符串的 URL。

4、除了 URL 屬性外，Location 對(duì)象的 reload() 方法可以重新裝載當(dāng)前文檔，replace()可以裝載一個(gè)新文檔而無須為它創(chuàng)建一個(gè)新的歷史記錄，也就是說，在瀏覽器的歷史列表中，新文檔將替換當(dāng)前文檔。

二、JS中Location屬性

屬性 描述
hash 設(shè)置或返回從井號(hào) (#) 開始的 URL（錨）。如果地址里沒有“#”，則返回空字符串。
host 設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號(hào)。
hostname 設(shè)置或返回當(dāng)前 URL 的主機(jī)名。
href 設(shè)置或返回完整的 URL。在瀏覽器的地址欄上怎么顯示它就怎么返回。
pathname 設(shè)置或返回當(dāng)前 URL 的路徑部分。
port 設(shè)置或返回當(dāng)前 URL 的端口號(hào)，設(shè)置或返回當(dāng)前 URL 的端口號(hào)。
protocol 設(shè)置或返回當(dāng)前 URL 的協(xié)議，取值為 'http:','https:','file:' 等等。
search 設(shè)置或返回從問號(hào) (?) 開始的 URL（查詢部分）。

三、JS中Location對(duì)象方法

屬性 描述
assign() 加載新的文檔。
reload() 重新加載當(dāng)前文檔，相當(dāng)于按瀏覽器上的“刷新”(IE)或“Reload”(Netscape)鍵。
replace() 用新的文檔替換當(dāng)前文檔，相當(dāng)于按瀏覽器上的“刷新”(IE)或“Reload”鍵。

四、JS中Location實(shí)例

//簡(jiǎn)單跳轉(zhuǎn)

function gotoPage(url) { 

var url ="url?catalogid="+catalogID; 

window.location =url; 

}

//為單個(gè)頁(yè)面?zhèn)鬟f參數(shù)

function goto_catalog(iCat) { 

if(iCat<=0) { 

top.location = "url";

} else { 

window.location ="url?catid="+iCat; 

}

}

// 對(duì)指定框架進(jìn)行跳轉(zhuǎn)頁(yè)面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

最新評(píng)論