JavaScript 視窗位置



window.location 物件用於取得目前頁面的位址 (URL),並將瀏覽器重新導向到新的頁面。


Window Location

window.location 物件在編寫時可不使用 window 這個前綴。 一些例子:

一些實例:

  • location.hostname 傳回web 主機的網域名稱

  • ##location.pathname 傳回目前頁面的路徑和檔案名稱

  • location.port 傳回web 主機的連接埠(80 或443)

  • location.protocol 傳回所使用的web協議(http:// 或https://)


Window Location Href

location.href 屬性傳回目前頁面的URL。

實例

返回(目前頁面的)整個URL:

#<script>

document.write(location.href);

</script>
以上程式碼輸出為:

#http://www.php.cn/js/js-window- location.html



Window Location Pathname

location.pathname 屬性傳回URL 的路徑名稱。

實例

傳回目前URL 的路徑名稱:

<script>

document.write(location.pathname);

</script>
以上程式碼輸出為:

#/js/js-window-location.html



Window Location Assign

location.assign() 方法載入新的文件。

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<head>
<script>
function newDoc(){
	window.location.assign("http://www.php.cn")
}
</script>
</head>
<body>

<input type="button" value="加载新文档" onclick="newDoc()">

</body>
</html>

運行實例»點擊"運行實例" 按鈕查看線上實例