Maison > Article > interface Web > Comment utiliser l'objet Location

Comment utiliser l'objet Location

不言original: 2019-01-29 16:57:524042parcourir

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.

Comment utiliser lobjet 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>

路径:
<input>

<input>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php JavaScript 字符串对象 location href http

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：La différence entre la méthode substr() et la méthode substring() en JavaScriptArticle suivant：La différence entre la méthode substr() et la méthode substring() en JavaScript

Comment utiliser l'objet Location

Articles Liés