En este artículo, aprenderemos cómo obtener información relacionada con la página web, como nombre de host, número de puerto, etc. También veremos la diferencia entre ubicación.nombre de host y ubicación.host.
El objeto de ubicación se utiliza para obtener información sobre la página web actual. host y hostname son propiedades de los objetos de ubicación .
location.hostname: Esta propiedad devolverá el nombre de dominio de la página web.
Sintaxis:
location.hostname
Valor de retorno: Devuelve una string que representa el nombre de dominio o la dirección IP.
Ejemplo:
-
Si esta es nuestra URL,
https://www.geeksforgeeks.org:8080/ds/heap
-
Cuando llamemos a location.hostname, esto regresará.
www.geeksforgeeks.org
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!-- using jquery library -->
<script src=
"https://code.jquery.com/jquery-git.js">
</script>
</head>
<body>
<script>
document.write("hostname : " + location.hostname);
</script>
</body>
</html>
Producción:
Para verificar esto para cualquier página web, abra la página web que desee, luego haga clic en inspeccionar y luego escriba console.log (ubicación. nombre de host) en la pestaña de la consola. Obtendrá el nombre de dominio de la página web.
location.host: esta propiedad también devuelve el mismo nombre de host pero también incluye el número de puerto. En caso de que el número de puerto no esté disponible, solo devolverá el nombre de host.
Sintaxis:
location.host
Valor de retorno: Devuelve una string que representa el nombre de dominio y el número de puerto.
Ejemplo:
-
Si esta es nuestra URL,
https://www.geeksforgeeks.org:8080/ds/heap
-
Cuando llamemos a location.host , esto regresará.
www.geeksforgeeks.org:8080
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<!-- using jquery library -->
<script src=
"https://code.jquery.com/jquery-git.js">
</script>
</head>
<body>
<script>
document.write("host : " + location.host);
</script>
</body>
</html>
Producción:
| ubicación.nombre de host | ubicación.host |
|---|---|
| Es una propiedad de un objeto de ubicación. | También es una propiedad de un objeto de ubicación. |
| Devuelve el nombre de dominio de la página web actual. | Devuelve el nombre de dominio y el número de puerto (si está disponible) de la página web actual. |
| El valor de retorno es de tipo String. | El valor de retorno es de tipo String. |
| Ej: www.abc.com | Ej: www.abc.com:8080 |