網頁

JavaScript-DHTML物件模型-Location物件

Location物件

這裡我們要先了解網址的結構是如何組成的,舉例一:

http://www.microsoft.com:80/default.aspx#user

網址的結構(一)
名稱說明
hrefhttp://www.microsoft.com:80/default.aspx#user
hostnamewww.microsoft.com
port80
hash#user

舉例二:

http://www.microsoft.com:80/default.aspx?user=kkbruce

網址的結構(二)
名稱說明
protocolhttp:
hostwww.microsoft.com:80
pathnamedefault.aspx
search?user=kkbruce

Location物件屬性


JavaScript Location物件屬性
名稱說明
hostname伺服器"網域名稱"或"IP位址"
hrefURL網址
hostURL的hostname:port
hashRUL的#符號後的部份
port通訊埠號,WWW預設80埠號,FTP預設21埠號
pathname網頁檔案的名稱和路徑
searchURL的?符號後的部份
Protocal使用的通訊協定,常用有http://與https://

轉向


// window.location.href='http://...';
location.href="http://...";

可使用「上一頁」來回到上一頁。

location.replace(url);

轉向url的網址,同href屬性,但不能使用「上一頁」來回到上一頁。

重新載入


location.reload(true);

重新載入現在開啟的HTML文件,如同Browser的"重新整理"鈕。

沒有留言:

張貼留言

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。