Los últimos tutoriales de desarrollo web
 

JavaScript Window Location


El window.location objeto puede ser utilizado para obtener la corriente de página de dirección (URL) y para redirigir el navegador a una página nueva.


Window Location

El window.location objeto puede escribirse sin el prefijo ventana.

Algunos ejemplos:

  • window.location.href devuelve el href (URL) de la página actual
  • window.location.hostname devuelve el nombre de dominio del proveedor de alojamiento web
  • window.location.pathname devuelve la ruta y el nombre de la página actual
  • window.location.protocol devuelve el protocolo web utilizado ( http:// o https:// )
  • window.location.assign carga un nuevo documento

Window Location Href

El window.location.href propiedad devuelve la URL de la página actual.

Ejemplo

Mostrar la href (URL) de la página actual:

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

El resultado es:

Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
Inténtalo tú mismo "

Window Location Hostname

El window.location.hostname propiedad devuelve el nombre del host de Internet (de la página actual).

Ejemplo

Mostrar el nombre del host:

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

El resultado es:

Page hostname is admin.w3ii2.com
Inténtalo tú mismo "

Window Location Pathname

El window.location.pathname propiedad devuelve la ruta de acceso de la página actual.

Ejemplo

Visualizar el nombre de la ruta de la URL actual:

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

El resultado es:

/index.php
Inténtalo tú mismo "

Window Location Protocol

El window.location.protocol propiedad devuelve el protocolo de Internet de la página.

Ejemplo

Visualizar el protocolo de Internet:

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

El resultado es:

Page protocol is http:
Inténtalo tú mismo "

Window Location Assign

El window.location.assign() método carga un nuevo documento.

Ejemplo

Cargar un nuevo documento:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>
Inténtalo tú mismo "