Obtener el nombre de dominio en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Obtener el nombre de dominio en …
Muhammad Muzammil Hussain 12 octubre 2023
JavaScript JavaScript Domain
  1. El nombre de dominio
  2. Obtener el nombre de dominio en JavaScript
Obtener el nombre de dominio en JavaScript

Este artículo discutirá cómo obtener un nombre de dominio mediante programación durante la ejecución de una página web utilizando funciones y eventos de JavaScript.

El nombre de dominio

Usamos un nombre de dominio para acceder a un sitio web o página web desde una aplicación del lado del cliente. Es una cadena de formato de texto que se asigna a una dirección IP (numérica).

Una cadena que el usuario escribe en una búsqueda del navegador web para invocar y llamar a un sitio web específico se conoce como nombre de dominio. Por ejemplo, delftstack.com es el nombre de dominio de DelftStack.

Ejemplo:

let url = 'https://www.delftstack.com/'  // delftstack.com is a domain name

Supongamos que estamos desarrollando un sitio web o una página web. Y necesitamos averiguar y usar el nombre de dominio actual mediante programación durante el tiempo de ejecución del sitio web en algunas circunstancias.

En ese caso, podemos manejarlo usando JavaScript.

Obtener el nombre de dominio en JavaScript

En este momento, si abrimos la consola del navegador y buscamos el objeto window.location.hostname, podemos ver que el nombre de host de esta página es delftstack.com.

window.location es un objeto en JavaScript que puede encontrar la URL de la página actual como una cadena, y podemos redirigir nuestro navegador a otra página.

La propiedad window.location.hostname devolverá el nombre de host de Internet de la página actual. Si nuestra página web está en un alojamiento de dominio en vivo, podemos obtener la URL usando ventana.ubicación.nombre de host.

Sintaxis:

let hostname = window.location.hostname

Ejemplo:

<!DOCTYPE html>
<html>
<body>

<h1>DelftStack learnig</h1>
    <h2>JavaScript get domain name example</h2>

<p id="para"></p>

<script>
let result = ''
let removeValue = 'www.'
let domainName = window.location.hostname;
   result = domainName.replace(removeValue,'')


document.getElementById("para").innerHTML =
"Current page hostname is: " + result;
</script>

</body>
</html>

Explicación del código:

  1. En la fuente HTML anterior, hemos utilizado la etiqueta de elemento de párrafo <p></p> y hemos asignado el Id a ese elemento.
  2. Dentro de las etiquetas <script>, hemos declarado e inicializado la variable domainName con window.location.hostname. Obtendremos la URL completa como una cadena.
  3. Ahora, para recortar esa cadena para encontrar solo el dominio, hemos inicializado la variable removeValue y le hemos asignado www..
  4. Hemos utilizado esa variable en el método predeterminado de JavaScript reemplazar () para eliminar www. de la URL y almacenar el valor final en la variable resultado.
  5. Finalmente, con la ayuda del método document.getElementById(), hemos mostrado la cadena resultado.
  6. Puede guardar la fuente anterior con una extensión HTML y ver el resultado, asegúrese de alojar ese documento HTML en un dominio activo.

Con documento HTML almacenado localmente

Si no tiene alojamiento de dominio en vivo, puede encontrar la ruta de su página web almacenada localmente en su sistema usando window.location.href. Devolverá la ruta completa de su documento HTML.

Sintaxis:

let pathValue =
    window.location.href  // file:///C:/Users/username/foldername/filename.html