JavaScript中l(wèi)ocation對象怎么用？

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:查詢?？蛇x，用于給動態(tài)網(wǎng)頁傳遞參數(shù)，可有多個參數(shù)，用'&'符號隔開，每個參數(shù)的名和值用'='符號隔開。例如：name=zs。

fragment:信息片斷。字符串，錨點(diǎn)。

運(yùn)行下面代碼將將跳轉(zhuǎn)到http://web.itheima.com。

<script>
    window.location = "http://www.pantone-color.com.cn"
</script>

猜你喜歡

jQuery和vue的區(qū)別是什么?

jQuery中attr()和prop()有什么不同？

jQuery元素內(nèi)容操作的方法有多少種？

黑馬程序員web前端培訓(xùn)課程