Location對象

Location對象

Location 對象包含有關(guān)當(dāng)前 URL 的信息。

Location 對象是 window 對象的一部分,可通過 window.Location 屬性對其進(jìn)行訪問。

Note
注意: 沒有應(yīng)用于Location對象的公開標(biāo)準(zhǔn),不過所有瀏覽器都支持該對象。

CONTENT

Location 對象屬性

屬性 描述
hash 返回一個(gè)URL的錨部分
host 返回一個(gè)URL的主機(jī)名和端口
hostname 返回URL的主機(jī)名
href 返回完整的URL
pathname 返回的URL路徑名。
port 返回一個(gè)URL服務(wù)器使用的端口號(hào)
protocol 返回一個(gè)URL協(xié)議
search 返回一個(gè)URL的查詢部分

Location 對象方法

方法 說明
assign() 載入一個(gè)新的文檔
reload() 重新載入當(dāng)前文檔
replace() 用新的文檔替換當(dāng)前文檔

Location對象屬性

console.log(location.hash);
// #part2
console.log(location.host);
// www.runoob.com
console.log(location.hostname);
// www.runoob.com
console.log(location.href);
// https://www.runoob.com/jsref/prop-loc-href.html
console.log(location.pathname);
// /jsref/prop-loc-pathname.html
console.log(location.port);
// 
console.log(location.protocol);
// https:

// 假設(shè)當(dāng)前的URL就是http://www.runoob.com/submit.htm?email=someone@ example.com:
console.log(location.search);
// ?email=someone@example.com

定義和用法

hash 屬性是一個(gè)可讀可寫的字符串,該字符串是 URL 的錨部分(從 # 號(hào)開始的部分)。

host 屬性是一個(gè)可讀可寫的字符串,可設(shè)置或返回當(dāng)前 URL 的主機(jī)名稱和端口號(hào)。

hostname 屬性是一個(gè)可讀可寫的字符串,可設(shè)置或返回當(dāng)前 URL 的主機(jī)名。

href 屬性是一個(gè)可讀可寫的字符串,可設(shè)置或返回當(dāng)前顯示的文檔的完整 URL。

pathname 屬性是一個(gè)可讀可寫的字符串,可設(shè)置或返回當(dāng)前 URL 的路徑部分。

port 屬性是一個(gè)可讀可寫的字符串,可設(shè)置或返回當(dāng)前 URL 的端口部分。

? 注意:如果端口號(hào)就是80(這是默認(rèn)的端口號(hào)),無需指定。

protocol 屬性是一個(gè)可讀可寫的字符串,可設(shè)置或返回當(dāng)前 URL 的協(xié)議。

search 屬性是一個(gè)可讀可寫的字符串,可設(shè)置或返回當(dāng)前 URL 的查詢部分(問號(hào) ? 之后的部分)。

語法

location.hash

location.host

location.hostname

location.href

location.pathname

location.port

location.protocol

location.search

Location對象方法

<input type="button" value="載入新文檔" onclick="window.location.assign('http://www.runoob.com')">

<input type="button" value="重新加載頁面" onclick="location.reload()">

<input type="button" value="載入新文檔替換當(dāng)前頁面" onclick="window.location.replace('http://www.runoob.com')">

定義和用法

assign() 方法加載一個(gè)新的文檔。

reload() 方法用于刷新當(dāng)前文檔。

replace() 方法可用一個(gè)新文檔取代當(dāng)前文檔。

語法

語法

location.assign(URL)

location.reload(forceGet)

參數(shù) 類型 描述
forceGet Boolean 可選。如果把該方法的參數(shù)設(shè)置為 true,那么無論文檔的最后修改日期是什么,它都會(huì)繞過緩存,從服務(wù)器上重新下載該文檔。

location.replace(newURL)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容