En este artículo, aprenderemos a obtener la URL actual usando jQuery, además de comprender su implementación a través de los ejemplos.
La URL actual en jQuery se puede obtener usando la propiedad ‘href’ del objeto Ubicación que contiene información sobre la URL actual. La propiedad ‘href’ devuelve una string con la URL completa de la página actual.
Sintaxis:
$(location).attr('href')
Ejemplo 1: este ejemplo ilustra cómo obtener los detalles del sitio actual mediante jQuery.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Get current URL using jQuery?</title>
</head>
<body>
<h1 style="color: green">GeeksForGeeks</h1>
<b>Get current URL using jQuery?</b>
<p>Click on the button below to get the current page URL</p>
<p> The current URL is: <span class="output"></span></p>
<button id="btn">Get current </button>
<script src="https://code.jquery.com/jquery-3.3.1.min.js">
</script>
<script>
$('#btn').click(function() {
currLoc = $(location).attr('href');
document.querySelector('.output').textContent = currLoc;
});
</script>
</body>
</html>
Producción:
Obtener la URL actual usando jQuery
Ejemplo 2: este ejemplo ilustra cómo obtener los detalles del sitio web mediante jQuery.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Get current URL using jQuery?</title>
</head>
<body>
<h1 style="color: green">GeeksforGeeks</h1>
<b>Get current URL using jQuery?</b>
<span class="output"></span>
<script src="https://code.jquery.com/jquery-3.3.1.min.js">
</script>
<script>
alert("host = "
+ $(location).attr('host')
+ "\nhostname = "
+ $(location).attr('hostname')
+ "\npathname = "
+ $(location).attr('pathname')
+ "\nhref = "
+ $(location).attr('href')
+ "\nport = " + $(location).attr('port')
+ "\nprotocol = "
+ $(location).attr('protocol'));
</script>
</body>
</html>
Producción:
Obtener los detalles del sitio usando jQuery
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» . Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA