js中提供了很多的方法供我們使用, 隻需調用它就可以實作功能,location對象就是其中之一,能夠傳回目前浏覽器通路的URL資訊,location對象是window對象的一部分,是以我們可以通過window.location來通路屬性和方法。那麼具體來看下location對象下的屬性和方法。
(1)屬性
屬性 | 描述 |
---|---|
hash | 傳回一個URL的錨部分 |
host | 傳回一個URL的主機名和端口 |
hostname | 傳回URL的主機名 |
href | 傳回完整的URL |
pathname | 傳回的URL路徑名。 |
port | 傳回一個URL伺服器使用的端口号 |
protocol | 傳回一個URL協定 |
search | 傳回一個URL的查詢部分 |
(2)方法
方法 | 說明 |
---|---|
assign() | 載入一個新的文檔 |
reload() | 重新載入目前文檔 |
replace() | 用新的文檔替換目前文檔 |
來看看屬性和方法的實際應用。
<!DOCTYPE html>
<html>
<head>
<title>location對象練習</title>
<script type="text/javascript">
document.write(location.href+'<br/>'); //得到目前所在的完整URL路徑
document.write(location.protocol+'<br/>'); //
document.write(location.host+'<br/>');
document.write(location.hostname+'<br/>');
document.write(location.pathname+'<br/>'); //得到URL路徑名
</script>
</head>
<body>
</body>
</html>
輸出結果:
其實location對象中用的比較廣泛的方法就是reload(),一般用于重新加載頁面,可以直接使用window.location.reload();可以實作加載,相當于重新整理頁面。
window.location.assign(url) : 加載 URL 指定的新的 HTML 文檔。就相當于一個連結,跳轉到指定的url,目前頁面會轉為新頁面内容,可以點選後退傳回上一個頁面。
window.location.replace(url) : 通過加載 URL 指定的文檔來替換目前文檔,這個方法是替換目前視窗頁面,前後兩個頁面共用一個視窗,是以是沒有後退傳回上一頁的。
後面這兩個方法用的不是比較多。