首頁 > web前端 > js教程 > JS中Location使用詳解_javascript技巧

JS中Location使用詳解_javascript技巧

WBOY
發布: 2016-05-16 15:59:48
原創
1258 人瀏覽過

javascript中location位址物件描述的是某一個視窗物件所開啟的位址。要表示目前視窗的位址,只需要使用「location」就行了;若要表示某一個視窗的位址,就使用「.location」。

一、JS中Location的意思

1、Location 物件儲存在 Window 物件的 Location 屬性中,表示該視窗中目前顯示的文件的 Web 位址。它的 href 屬性存放的是文件的完整 URL,其他屬性則分別描述了 URL 的各個部分。這些屬性與 Anchor 物件(或 Area 物件)的 URL 屬性非常相似。當一個 Location 物件被轉換成字串,href 屬性的值會被傳回。這意味著你可以使用表達式 location 來替代 location.href。

2、Anchor 物件表示的是文件中的超鏈接,Location 物件表示的卻是瀏覽器目前顯示的文件的 URL(或位置)。但是 Location 物件所能做的遠遠不止這些,它還能控制瀏覽器顯示的文件的位置。如果把一個含有 URL 的字串賦予 Location 物件或它的 href 屬性,瀏覽器就會把新的 URL 所指的文件載入進來,並顯示出來。

3、除了設定 location 或 location.href 以完整的 URL 取代目前的 URL 之外,還可以修改部分 URL,只需要給 Location 物件的其他屬性賦值即可。這樣做就會建立新的 URL,其中的一部分與原來的 URL 不同,瀏覽器會將它裝載並顯示出來。例如,假設設定了Location物件的 hash 屬性,那麼瀏覽器就會轉移到目前文件中的一個指定的位置。同樣,如果設定了 search 屬性,那麼瀏覽器就會重新載入附加了新的查詢字串的 URL。

4、除了URL 屬性外,Location 物件的reload() 方法可以重新裝載當前文檔,replace()可以裝載一個新文檔而無須為它創建一個新的歷史記錄,也就是說,在瀏覽器的在歷史清單中,新文件將取代目前文件。

二、JS中Location屬性

屬性 描述
hash 設定或返回從井號 (#) 開始的 URL(錨)。如果位址裡沒有“#”,則傳回空字串。
host 設定或傳回主機名稱和目前 URL 的連接埠號碼。
hostname 設定或傳回目前 URL 的主機名稱。
href 設定或傳回完整的 URL。在瀏覽器的網址列上怎麼顯示它就怎麼回傳。
pathname 設定或傳回目前 URL 的路徑部分。
port 設定或傳回目前 URL 的連接埠號,設定或傳回目前 URL 的連接埠號。
protocol 設定或傳回目前 URL 的協議,取值為 'http:','https:','file:' 等等。
search 設定或傳回從問號 (?) 開始的 URL(查詢部分)。

三、JS中Location物件方法

屬性 描述
assign() 載入新的文件。
reload() 重新載入目前文檔,相當於按瀏覽器上的「刷新」(IE)或「Reload」(Netscape)鍵。
replace() 以新的文檔取代目前文檔,相當於按瀏覽器上的「刷新」(IE)或「Reload」鍵。

四、JS中Location實例

//简单跳转

function gotoPage(url) { 

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

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat<=0) { 

top.location = "url";

} else { 

window.location ="url&#63;catid="+iCat; 

}

}

// 对指定框架进行跳转页面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}
登入後複製

以上所述就是本文的全部內容了,希望大家能夠喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板