首頁 > web前端 > js教程 > Location物件怎麼使用

Location物件怎麼使用

不言
發布: 2019-01-29 16:57:52
原創
4070 人瀏覽過

Location物件怎麼使用中的Location物件可以用來存取並更改訪客瀏覽器中顯示的目前URL,Location物件本身就是Window物件的屬性,下面我們就來看看Location物件的具體用法。

Location物件怎麼使用

Location物件是視窗和文件物件的屬性,因此window.location和document.location指向同一個物件。

我們來看看Location物件的屬性

href:目前載入的頁面的完整URL。

protocol:目前正在使用的協定。

host :伺服器名稱和連接埠號碼。

hostname:表示URL的伺服器名稱,子網域和網域。   

port:表示指定伺服器所使用的通訊連接埠。     

pathname:URL的目錄與檔案名稱。    

search:表示以問號開頭的字串,該問號指定HTTP URL中的任何查詢資訊 。    

hash:表示以#開頭的字串,指定HTTP URL中的錨名稱。

我們來看具體範例

程式碼如下

<!DOCTYPE HTML>
<html>
<head>
	<title>Location物件怎麼使用 Location Object</title>
	<script type="text/javascript">
		function gotoUrl()
		{
			window.location.href = window.document.loctn.ProtocolFld.
			options[window.document.loctn.ProtocolFld.selectedIndex].
			text + document.loctn.HostnameFld.value + document.loctn.
			PathnameFld.value
		}
	</script>
</head>
<body>
<h3>在以下部分输入URL</h3>
<form name="loctn" method="post">
<pre class="brush:php;toolbar:false">协议:
<select name="ProtocolFld" size="1">
<option>http://</option>
<option>file://</option>
<option>javascript:</option>
<option>ftp://</option>
<option>mailto:</option>
</select>
登入後複製
主机名:
<input type="text" size="20" maxlength="256" name="HostnameFld" value="php.cn">
登入後複製
路径:
<input type="text" size="20" maxlength="100" name="PathnameFld" value="/">
登入後複製
<input type="button" name="Go" value="Go" onclick="gotoUrl()">
登入後複製

運行效果如下

Location物件怎麼使用

##這篇文章到這裡就全部結束了,更多精彩內容大家可以追蹤PHP中文網的其他相關欄位教學! ! !

以上是Location物件怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板