在BOM( Browser Object Model)中有一個對象叫location,它實際上就是我們頁面的地址對象。簡單地說就是將URL封裝成了一個對象。
使用Javascript來獲取location對象,并顯示當前頁面的URL時,我們可以使用以下代碼:
location的屬性:
location有三個方法:
使用Javascript來獲取location對象,并顯示當前頁面的URL時,我們可以使用以下代碼:
var lct = window.location;
alert( lct );
alert( lct );
location的屬性:
屬性 | 描述 |
hash | URL中處于Hash符號(#)后面的字符,如http://www.gzprogrammer.com/page#somehash,這一屬性的值就是somehash。 |
host | URL中的主機名(域名)和端口號 |
hostname | 僅主機名(域名),不含端口號 |
href | 整個URL。修改這個值可以實現頁面跳轉 |
pathname | 域名后面的路徑名,如http://www.gzprogrammer.com/page#somehash,這一屬性的值為page |
port | URL中的端口號。如果URL中沒有顯示端口號,則顯示是80 |
protocol | URL所使用的協議,如http以及https |
search | 查詢語句。就是URL中?號后面的字符串,如http://w3schools.com/js/tryit.asp?filename=try_loc_search,這一屬性的值為filename=tr_loc_search |
location有三個方法:
方法 | 描述 |
assign() | 頁面跳轉,如:window.location.assign("http://www.gzprogrammer.com"); |
replace() | 頁面替換,與上面的不同在于它是在當前的“歷史棧”中進行替換的,因此按“上一頁”時是不會回到替換前的那一頁的。使用方法如:window.location.replace("http://www.gzprogrammer.com"); |
reload() | 重新載入當前頁面:
window.location.reload(); |