HTML | DOM Ubicación origen Propiedad

La propiedad de origen de la ubicación DOM en HTML se utiliza para devolver el protocolo, el nombre de host y el número de puerto de una URL. Esta es una propiedad de solo lectura. 

Sintaxis:

location.origin

Valor devuelto: este método devuelve un valor de string que representa el protocolo, el nombre de dominio (o dirección IP) y el número de puerto. Las URL que tienen el protocolo ‘archivo://’ pueden devolver valores diferentes según el navegador. 

Nota: Es posible que algunos navegadores no muestren el número de puerto. 

Los siguientes ejemplos ilustran el método anterior: 

Ejemplo: 

html

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>DOM Location Origin Property</title>
</head>
 
<body>
    <h1 style="color: green">GeeksforGeeks</h1>
    <b>DOM Location Origin Property</b>
    <p>
      Click on the button to get the location
      origin of the page:
    </p>
 
    <button onclick="getOrigin();">
        Get Location Origin
    </button>
 
    <p>The location origin of this page is:</p>
 
    <div class="location"></div>
 
    <script>
        function getOrigin() {
            let loc = location.origin;
            document.querySelector('.location')
                .innerHTML = loc;
        }
    </script>
</body>
 
</html>

Producción:

  • Antes de hacer clic en el botón:

 

  • Después de hacer clic en el botón:

 

Navegadores compatibles: los navegadores compatibles con la propiedad de origen de la ubicación DOM se enumeran a continuación:

  • Google Chrome 8.0
  • Borde 12.0
  • Internet Explorer 11.0
  • Firefox 21.0
  • Ópera 15.0
  • Safari 5.1

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *