JavaScript 視窗位置
window.location 物件可用於獲取當前頁面地址 (URL) 並將瀏覽器重定向到新頁面。
Window Location
window.location 物件可以不帶 window 字首編寫。
一些示例
window.location.href返回當前頁面的 href (URL)window.location.hostname返回主機名window.location.pathname返回當前頁面的路徑和檔名window.location.protocol返回使用的協議 (http: 或 https:)window.location.assign()載入一個新文件
視窗位置 Href
window.location.href 屬性返回當前頁面的 URL。
示例
顯示當前頁面的 href (URL)
document.getElementById("demo").innerHTML =
"頁面位置是 " + window.location.href;
結果是
視窗位置 Hostname
window.location.hostname 屬性返回當前頁面的網際網路主機名。
示例
顯示主機名
document.getElementById("demo").innerHTML =
"頁面主機名是 " + window.location.hostname;
結果是
視窗位置 Pathname
window.location.pathname 屬性返回當前頁面的路徑名。
示例
顯示當前 URL 的路徑名
document.getElementById("demo").innerHTML =
"頁面路徑是 " + window.location.pathname;
結果是
視窗位置 Protocol
window.location.protocol 屬性返回頁面的 Web 協議。
示例
顯示 Web 協議
document.getElementById("demo").innerHTML =
"頁面協議是 " + window.location.protocol;
結果是
視窗位置 Port
window.location.port 屬性返回當前頁面的網際網路主機埠號。
大多數瀏覽器不會顯示預設埠號 (http 為 80，https 為 443)
視窗位置 Assign
window.location.assign() 方法載入一個新文件。
示例
載入新文件
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://w3schools.tw")
}
</script>
</head>
<body>
<input type="button" value="載入新文件" onclick="newDoc()">
</body>
</html>
自己動手試一試 »
