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