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

Location物件怎麼使用

不言原創: 2019-01-29 16:57:524075瀏覽

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>

路径:
<input>

<input>

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

php JavaScript 字符串对象 location href http

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：JavaScript中substr()方法和substring()方法的差別下一篇：JavaScript中substr()方法和substring()方法的差別

看更多

JavaScript中的location物件如何使用