window.location 對象用來獲取當前頁面的地址 (URL)信息,並可將瀏覽器重定向到其餘頁面。
window.location 對象在編寫代碼時可不使用 window 這個前綴。
location對象的屬性和方法
屬性 |
方法 |
hash |
返回URL中#符號後面的內容 |
host |
返回當前的域名 |
hostname |
返回主域名 |
href |
返回當前文檔的完整URL或設置當前文檔的URL |
pathname |
返回當前頁面的路徑和文件名,即URL中域名後的部分 |
port |
返回URL中的端口 |
protocol |
返回URL中的協議(http:// 或 https://) |
search |
返回URL中的查詢字符串,即 ? 符號後面的參數 |
assign() |
設置當前文檔的URL |
replace() |
設置當前文檔的URL,並在history對象的地址列表中刪除這個URL |
reload() |
從新載入當前文檔(從server服務器端) |
注意:主域名是指不帶www的域名,例如itxueyuan.org,主域名前面帶前綴的一般都爲二級域名或多級域名,例如www.itxueyuan.org實際上是二級域名。
請看下面一段代碼:
<div id="demo1">點擊這裏獲取URL信息</div>
<div id="demo2">跳轉到IT學院首頁</div>
<script type="text/javascript">
document.getElementById("demo1").onclick=function(){
alert( "當前URL信息:\n"+ "URL:"+location.href+"\n"+ "域名:"+location.host+"\n"+ "主域名:"+location.hostname+"\n"+ "路徑:"+location.pathname+"\n"+ "協議:"+location.protocol);
}
document.getElementById("demo2").onclick=function(){ location.href="http://www.itxueyuan.org";
}
</script>