Tanto la ubicación como la ubicación.href se utilizan para establecer o devolver la URL completa de su página actual. Devuelven una string que contiene la URL completa con el protocolo.
Sintaxis:
location = "https://www.geeksforgeeks.org";
o
location.href = "https://www.geeksforgeeks.org";
Ambos se utilizan para establecer la URL. Se describe que ambos ejecutan JavaScript 1.0 en el backend de Netscape 2.0 y se han estado ejecutando en todos los navegadores desde entonces. Sin embargo, tiene la libertad de preferir cualquiera de los dos según su conveniencia, pero se prefiere usar location.href porque es posible que la ubicación no sea compatible con versiones anteriores de Internet Explorer.
Comandos como location.split(“#); no se puede usar porque la ubicación es un objeto, pero se puede usar location.href porque es una string.
Ejemplo: el código siguiente muestra la propiedad href de la ubicación del DOM .
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Setting location and location.href</h2>
<p>
Click on the button to go
to designated URL
</p>
<button ondblclick="myhref()">
Destination URL
</button>
<p id="href"></p>
<script>
function myhref() {
location.href =
"https://www.geeksforgeeks.org";
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer doble clic en el botón:
