更新時間:2021-11-12 來源:黑馬程序員 瀏覽量:
window.location返回一個Location對象,其中包含有關(guān)文檔當(dāng)前位置的信息,是BOM中最重要的對象之一。一般使用window.location對象用于獲得當(dāng)前頁面的地址
(URL),并把瀏覽器重定向到新的頁面。
(1)location既是window對象的屬性又是document對象的屬性。
(2)location包含8個屬性,其中7個都是當(dāng)前窗體的URL的一部分,剩下最重要的一個是href屬性,代表當(dāng)前窗體的URL。
(3)location的8個屬性都是可讀寫的,但是只有href與hash的寫才有意義。例如改變location.href會重新定位到一個URL,而修改location.hash會跳到當(dāng)前頁面中的anchor(或者等)名字的標(biāo)記(如果有),而且頁面不會被重新加載。
(4)location屬性。
① location.hash:返回URL中#符號后面的內(nèi)容,如果沒有返回空字符串。
② location.host:返回域名及端口號。
③ location.hostname屬性:返回主域名。
④ location.href:返回當(dāng)前文檔的完整URL或設(shè)置當(dāng)前文檔的URL。
⑤ location.pathname:返回URL中域名后的部分,即URL中的路徑和(或)文件名
⑥ location.port:返回URL中的端口。如果URL中沒有端口,則返回空字符串
⑦ location.protocol:返回URL中的協(xié)議。通常是"http:"或"https:"
⑧ location.search屬性:返回URL中的查詢字符串。這個字符串以問號開頭,例如"?q=javascript"。
(5)Location對象方法
assign()函數(shù)——設(shè)置當(dāng)前文檔的URL。
replace()函數(shù)——設(shè)置當(dāng)前文檔的URL,并在history對象的地址列表中刪除這個URL。
reload()函數(shù)——重新載入當(dāng)前文檔(從server服務(wù)器端)。
toString()函數(shù)——返回location對象href屬性當(dāng)前的值。
(6)統(tǒng)一資源定位符(Uniform Resource Locator, URL)
URL的組成:
scheme://host:port/path?query#fragment
scheme:通信協(xié)議,常用的http,ftp,maito等
host:主機(jī)。服務(wù)器(計(jì)算機(jī))域名系統(tǒng)(DNS)主機(jī)名或IP地址。
port:端口號。整數(shù),可選,省略時使用方案的默認(rèn)端口,如http的默認(rèn)端口為80。
path:路徑。由零或多個'/'符號隔開的字符串,一般用來表示主機(jī)上的一個目錄或文件地址。
query:查詢。可選,用于給動態(tài)網(wǎng)頁傳遞參數(shù),可有多個參數(shù),用'&'符號隔開,每個參數(shù)的名和值用'='符號隔開。例如:name=zs。
fragment:信息片斷。字符串,錨點(diǎn)。
運(yùn)行下面代碼將將跳轉(zhuǎn)到http://web.itheima.com。
<script> window.location = "http://ko1818.cn" </script>
猜你喜歡