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