Posted on 2008-01-12 23:48
Norvid 閱讀(261)
評(píng)論(0) 編輯 收藏
在BOM( Browser Object Model)中有一個(gè)對(duì)象叫l(wèi)ocation，它實(shí)際上就是我們頁面的地址對(duì)象。簡(jiǎn)單地說就是將URL封裝成了一個(gè)對(duì)象。
使用Javascript來獲取location對(duì)象，并顯示當(dāng)前頁面的URL時(shí)，我們可以使用以下代碼：
var lct = window.location;
alert( lct );
location的屬性：
| 屬性 |
描述 |
| hash |
URL中處于Hash符號(hào)(#)后面的字符，如http://www.gzprogrammer.com/page#somehash，這一屬性的值就是somehash。 |
| host |
URL中的主機(jī)名(域名)和端口號(hào) |
| hostname |
僅主機(jī)名(域名)，不含端口號(hào) |
| href |
整個(gè)URL。修改這個(gè)值可以實(shí)現(xiàn)頁面跳轉(zhuǎn) |
| pathname |
域名后面的路徑名，如http://www.gzprogrammer.com/page#somehash，這一屬性的值為page |
| port |
URL中的端口號(hào)。如果URL中沒有顯示端口號(hào)，則顯示是80 |
| protocol |
URL所使用的協(xié)議，如http以及https |
| search |
查詢語句。就是URL中?號(hào)后面的字符串，如http://w3schools.com/js/tryit.asp?filename=try_loc_search，這一屬性的值為filename=tr_loc_search |
location有三個(gè)方法：
| 方法 |
描述
|
| assign() |
頁面跳轉(zhuǎn)，如：window.location.assign("http://www.gzprogrammer.com"); |
| replace() |
頁面替換，與上面的不同在于它是在當(dāng)前的“歷史棧”中進(jìn)行替換的，因此按“上一頁”時(shí)是不會(huì)回到替換前的那一頁的。使用方法如：window.location.replace("http://www.gzprogrammer.com"); |
| reload() |
重新載入當(dāng)前頁面：
window.location.reload();
|