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