BOM-Window Location、url redirect

 

BOM裡有location物件可以使用，而location物件裡的屬性可以去取一網址的某部份，

以一網址為範例，反黃的部份是回傳結果

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

 

一、window.location.href

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

當 window.location.href 值如上時，現在下此 js 指令碼

window.location.href = "https://www.google.com.tw/"

定會跳至 https://www.google.com.tw/

 

二、window.location.hostname

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

 

三、window.location.pathname

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

 

四、window.location.protocol

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

 

五、window.location.hash

http://www.cwb.gov.tw:80/V7/index.htm#anchor

 

六、window.location.host

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

 

七、window.location.port

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

 

八、window.location.search

http://www.cwb.gov.tw:80/V7/index.htm#anchor?name=brooke

 

另外再介紹 location 物件所提供讀取網頁的方法

九、location.assign()

當下如下 js 指令碼時

location.assign("https://www.google.com.tw/");

其作用會導到 https://www.google.com.tw/

其作用相同於 window.location.href

 

十、location.replace()

用來讀取一網頁，其作用跟location.assign()很像，

不同的是，location.assign()可以回上一頁到原來的頁面，

而location.replace()將無法記住上一頁歷史。

 

十一、location.reload()

用來重讀一網頁，功能跟按「F5」重新載入頁面一樣。

語法：location.reload(boolean forceGet)

預設為false，表示會從快取重新載入頁面；

true為，強制從server端重新載入頁面。

 

十二、open()

假設現在瀏覽網址位於 https://www.cwb.gov.tw/V7/index.htm

此時打入 js 程式碼 open("forecast/","_self");

將會導至 https://www.cwb.gov.tw/V7/forecast/