Propiedad URL DOM HTML

La propiedad DOM URL en HTML se usa para devolver una string que contiene la URL completa del documento actual. La string también incluye el protocolo HTTP como (http://).

Sintaxis:

document.URL

Valor devuelto: Devuelve un valor de string que representa la URL completa del documento. 

Ejemplo: En este ejemplo, simplemente mostramos la URL de GeeksforGeeks usando la propiedad de URL DOM.

HTML

<!DOCTYPE html>
<html>
 
<body>
    <h2>GeeksforGeeks</h2>
    <p id="GfG">GeeksforGeeks URL:
        <br/>
        <span id="GfG">
            https://www.geeksforgeeks.org/
        </span>
    </p>
 
 
    <script>
        document.getElementById(
            "https://www.geeksforgeeks.org/")
            .textContent = document.URL;
    </script>
</body>
 
</html>

Producción:

propiedad document.URL()

Ejemplo: Este ejemplo ilustra la propiedad document.URL en HTML para obtener la URL del sitio actual.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>DOM document.URL() Property</title>
    <style>
    h1 {
        color: green;
    }
     
    h2 {
        font-family: Impact;
    }
     
    body {
        text-align: center;
    }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM document.URL() Property</h2>
     
<p>
        For displaying the URL of the document,
        double click the "View URL" button:
    </p>
 
 
    <button ondblclick="myURL()">View URL</button>
    <p id="url"></p>
 
 
    <script>
    function myURL() {
        var gfg = document.URL;
        document.getElementById("url").innerHTML = gfg;
    }
    </script>
</body>
 
</html>

Producción:

Mostrar la URL actual usando la propiedad document.URL()

Navegadores compatibles:

  • Google cromo 1
  • explorador de Internet 4
  • Microsoft borde 12
  • Firefox 1
  • Ópera 3
  • 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 *