HTML | Propiedad hash de ubicación DOM

La propiedad Location Hash en HTML se utiliza para devolver la parte de anclaje de una URL. También se puede utilizar para establecer la parte de anclaje de la URL. Devuelve la string que representa la parte ancla de una URL, incluido el signo hash ‘#’.
Sintaxis: 
 

  • Devuelve la propiedad hash. 
     
location.hash
  • Se utiliza para establecer la propiedad hash. 
     
location.hash = anchorname

El valor de la propiedad

Anchorname: contiene un valor de string que especifica la parte de anclaje de una URL.

Valor devuelto: Devuelve un valor de string que representa la parte ancla de una URL. 

El siguiente programa ilustra la propiedad hash de ubicación en HTML:
Ejemplo: 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>DOM Location hash property</title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM Location hash Property</h2>
     
 
<p>
      For setting the anchor part to
      'newlocationhash', double click
      the "Set Anchor" button:
    </p>
 
 
    <button ondblclick="mylocation()">
      Set Anchor
    </button>
    <p id="hash"></p>
 
 
    <script>
        function mylocation() {
            location.hash = "newlocationhash";
            var h =
                "The anchor part is now: " + location.hash;
            document.getElementById("hash").innerHTML = h;
        }
    </script>
</body>
 
</html>  

Producción: 
 

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

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

  • Google cromo 1
  • Borde 12
  • explorador de Internet 3
  • Firefox 1
  • Ópera 12.1
  • Safari 1

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee 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 *