Location

oogh 發布于2019-08-01 18:31 / 2096人閱讀

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

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

Location對象屬性 hash

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

host

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

hostname

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

href

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

pathname

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

port

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

protocol

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

search

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

Location對象方法 assign()

加載新的文檔

reload()

重新加載當前文檔

replace()

用新的文檔替換當前文檔

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

刷新頁面的幾種方法

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

GPU云服務器云服務器 Location apache location core-location

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51796.html

535種使用JavaScript重新加載頁面的方法

摘要：除了之外還有中方法重新加載頁面更多關于的文章推薦如何使用異或運算找到數組中缺失的數如何使用制作全息交互效果閉包是如何工作的如何使用重定向到其他網頁如何實現鏈接懸停顯示圖像效果參考除了location = location之外還有534中方法重新加載頁面 location = location location = location.href location = window.lo...

entner 2019-08-23 14:03 評論0 收藏0
Nginx Location匹配規則

摘要：先驗證第二條普通之間的匹配順序按最大前綴匹配配置普通普通測試鏈接，狀態碼為，符合預期。將正則的規則改下普通普通正則測試鏈接，狀態碼，匹配到，并且因為接下來沒有符合的正則，所以最終返回為，符合預期。本文非完全原創, 更多的是將相關資料進行整理 Last-Modified: 2019年5月10日15:28:29 參考鏈接 linux Nginx配置篇：location的匹配規則（附測試驗...

Lorry_Lu 2019-07-25 14:46 評論0 收藏0
Nginx location你需要知道這些！

摘要：首先，首先會檢查所有的前綴，從中選出最長前綴匹配也就是修飾符后面的路徑最長的的并記下。然后，如果存在正則時，按照其出現的順序，依次匹配，找到匹配的正則就不再繼續往下，并選擇該作為最終的結果。場景：在項目開發中經常會遇到nginx配置文件中，會有很多條location配置，卻讀不懂其中的含義而煩惱 Location是什么？ Location是Nginx中的塊級指令(block dir...

Atom 2019-07-25 14:09 評論0 收藏0
nginx url rewriting: difference between break and

Example 1: No (break or last) flags server { server_name example.com; root path/to/somewhere; location / { echo finally matched location /; } location /notes { ec...

BDEEFE 2019-07-25 14:15 評論0 收藏0
HTML-Location摘抄_017

摘要：摘抄接口表示其鏈接到的對象的位置。所做的修改反映在與之相關的對象上。方法會觸發窗口加載并顯示指定的的內容。因違反安全規則導致的賦值失敗，瀏覽器將會拋出類型為的異常。 HTML-Location摘抄 Location 接口表示其鏈接到的對象的位置URL。所做的修改反映在與之相關的對象上。 Document 和 Window 接口都有這樣一個鏈接的Location，分別通過 Documen...

biaoxiaoduan 2019-08-23 15:57 評論0 收藏0
HTML-Location摘抄_017

摘要：摘抄接口表示其鏈接到的對象的位置。所做的修改反映在與之相關的對象上。方法會觸發窗口加載并顯示指定的的內容。因違反安全規則導致的賦值失敗，瀏覽器將會拋出類型為的異常。 HTML-Location摘抄 Location 接口表示其鏈接到的對象的位置URL。所做的修改反映在與之相關的對象上。 Document 和 Window 接口都有這樣一個鏈接的Location，分別通過 Documen...

RobinQu 2019-08-02 14:32 評論0 收藏0