L'objet Location en Comment utiliser lobjet Location peut être utilisé pour accéder et modifier l'URL actuelle affichée dans le navigateur du visiteur. L'objet Location lui-même est une propriété de l'objet Window. Examinons l'utilisation spécifique de l'objet Location.
L'objet Location est une propriété des objets window et document, donc window.location et document.location pointent vers le même objet.
Jetons un coup d'oeil aux propriétés de l'Objet Location
href : l'URL complète de la page actuellement chargée.
protocole : Le protocole actuellement utilisé.
hôte : nom du serveur et numéro de port.
hostname : Indique le nom du serveur, le sous-domaine et le nom de domaine de l'URL.
port : Indique le port de communication utilisé par le serveur spécifié.
pathname : Le répertoire et le nom de fichier de l'URL.
recherche : représente une chaîne commençant par un point d'interrogation qui spécifie toute information de requête dans l'URL HTTP.
hash : Représente une chaîne commençant par #, spécifiant le nom de l'ancre dans l'URL HTTP.
Regardons un exemple spécifique
Le code est le suivant
<!DOCTYPE HTML>
<html>
<head>
<title>Comment utiliser lobjet 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()">