HTML | DOM Ubicación ruta de acceso Propiedad

La propiedad de nombre de ruta de ubicación en HTML se usa para establecer o devolver el nombre de ruta de una URL. La propiedad Location pathname devuelve una string que representa el nombre de ruta de la URL.

Sintaxis:

  • Devuelve la propiedad pathname.
location.pathname
  • Se utiliza para establecer la propiedad de nombre de ruta.
location.pathname = path

El siguiente programa ilustra la propiedad de nombre de ruta de ubicación en HTML: 

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>DOM Location pathname Property</title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM Location pathname Property</h2>
     
<p>
       For returning the path name of the
       current URL, double click the "Return
       Pathname" button:
    </p>
 
    <button ondblclick="mypath()">
      Return Pathname
    </button>
    <p id="path"></p>
 
    <script>
        function mypath() {
            var p = location.pathname;
            document.getElementById("path").innerHTML = p;
        }
    </script>
</body>
 
</html>

Producción:

  

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

  

Navegadores compatibles: los navegadores compatibles con la propiedad Location pathname 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 *