Location

oogh 發(fā)布于2019-08-01 18:31 / 2101人閱讀

摘要：接口表示其鏈接到的對象的位置所做的修改反映在與之相關(guān)的對象上。假設(shè)當(dāng)前的是那么輸出的是設(shè)置或返回當(dāng)前的主機(jī)名。假設(shè)當(dāng)前的是那么輸出的是屬性是一個(gè)可讀可寫的字符串，可設(shè)置或返回當(dāng)前的端口部分。當(dāng)使用該方法時(shí)，新的將覆蓋對象中的當(dāng)前記錄。

Location接口表示其鏈接到的對象的位置(URL).所做的修改反映在與之相關(guān)的對象上。
Document和Window接口都有這樣一個(gè)鏈接的Location,分別通過Document.location和Window.location訪問。

Location對象屬性 hash

設(shè)置或返回從井號(#)開始的URL(錨)。
假設(shè)當(dāng)前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.hash)輸出的是“#part2”

host

設(shè)置或返回主機(jī)名和當(dāng)前URL的端口號。
假設(shè)當(dāng)前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.host)輸出的是“example.com:1234”

hostname

設(shè)置或返回當(dāng)前URL的主機(jī)名。
假設(shè)當(dāng)前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.hostname)輸出的是“example.com”

href

href屬性是一個(gè)可讀可寫的字符串，可設(shè)置或返回當(dāng)前顯示的文檔的完整URL.
假設(shè)當(dāng)前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.href)輸出的是“http://example.com:1234/test.htm#part2”

pathname

pathname屬性是一個(gè)可讀可寫的字符串，可設(shè)置或返回當(dāng)前URL的路徑部分。
假設(shè)當(dāng)前的URL是: http://example.com:1234/test/test.htm#part2
那么console.log(location.pathname)輸出的是“/test.test.html”

port

port屬性是一個(gè)可讀可寫的字符串，可設(shè)置或返回當(dāng)前URL的端口部分。
假設(shè)當(dāng)前的URL是: http://example.com:1234/test.htm#part2
那么console.log(location.port)輸出的是“1234”

protocol

protocol屬性是一個(gè)可讀可寫的字符串，可設(shè)置或返回當(dāng)前URL的協(xié)議。
假設(shè)當(dāng)前的URL是: http://example.com:1234/test.htm#part2
那么console.log(location.protocol)輸出的是“http:”
tip:如果輸入端口號不對，輸出的值是chrome-error

search

search屬性是一個(gè)可讀可寫的字符串，可設(shè)置或返回當(dāng)前URL的查詢部分(問號?之后的部分)
假設(shè)當(dāng)前的 URL 是: http://www.w3school.com.cn/ti...
那么console.log(location.search)輸出的是“?f=hdom_loc_search”

Location對象方法 assign()

加載新的文檔

reload()

重新加載當(dāng)前文檔

replace()

用新的文檔替換當(dāng)前文檔

window.location.assign(url) ：加載 URL 指定的新的 HTML 文檔。就相當(dāng)于一個(gè)鏈接，跳轉(zhuǎn)到指定的url，當(dāng)前頁面會(huì)轉(zhuǎn)為新頁面內(nèi)容，可以點(diǎn)擊后退返回上一個(gè)頁面。
window.location.replace(url) ：通過加載 URL 指定的文檔來替換當(dāng)前文檔，這個(gè)方法是替換當(dāng)前窗口頁面，前后兩個(gè)頁面共用一個(gè)
窗口，所以是沒有后退返回上一頁的。即：
replace() 方法不會(huì)在 History 對象中生成一個(gè)新的記錄。當(dāng)使用該方法時(shí)，新的 URL 將覆蓋 History 對象中的當(dāng)前記錄。

刷新頁面的幾種方法

1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand("Refresh") 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href