parametros - Obtener la URL actual con JavaScript?
obtener ruta absoluta javascript (20)
Abra las Herramientas del desarrollador , escriba lo siguiente en la consola y presione Entrar .
window.location
Ejemplo: a continuación se muestra la captura de pantalla del resultado en la página actual.
Agarra lo que necesites desde aquí. :)
Todo lo que quiero es obtener la URL del sitio web. No la URL como se toma de un enlace. En la página de carga, necesito poder capturar la URL actual completa del sitio web y configurarlo como una variable para hacer lo que quiera.
De acuerdo, obtener la URL completa de la página actual es fácil usando solo JavaScript. Por ejemplo, prueba este código en esta página:
window.location.href;
// use it in console of this page will return
// http://.com/questions/1034621/get-current-url-in-web-browser"
La propiedad window.location.href devuelve la URL de la página actual.
document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript</h2>
<h3>The window.location.href</h3>
<p id="root"></p>
</body>
</html>
Simplemente no está mal mencionar estos también:
Además, si necesita una ruta relativa, simplemente use window.location.pathname
;
Y si desea obtener el nombre de host, puede usar window.location.hostname
;
Y si necesita obtener el protocolo por separado, simplemente haga window.location.protocol
Además, si tu página tiene una etiqueta hash
, puedes obtenerla como: window.location.hash
Entonces window.locatation.href
maneja todo de una vez ... básicamente:
window.location.protocol + ''//'' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
//true
También usando la window
no es necesario si ya está en el alcance de la ventana ...
Así que en ese caso puedes usar:
location.protocol
location.hostname
location.pathname
location.hash
location.href
En jstl podemos acceder a la ruta de la URL actual usando pageContext.request.contextPath
. Si desea hacer una llamada Ajax, use la siguiente URL.
url = "${pageContext.request.contextPath}" + "/controller/path"
Ejemplo: Para la página http://.com/posts/36577223
aparecerá http://.com/controller/path
.
En primer lugar, verifique que la página esté completamente cargada en el navegador, luego llame a una función que tome url, variable de URL e imprima en la consola,
$(window).load(function(){
var url = window.location.href.toString();
var URL = document.URL;
var wayThreeUsingJQuery = $(location).attr(''href'');
console.log(url);
console.log(URL);
console.log(wayThreeUsingJQuery );
});
La forma de obtener el objeto de ubicación actual es window.location
.
Compare esto con document.location
, que originalmente solo devolvía la URL actual como una cadena. Probablemente para evitar confusiones, document.location
fue reemplazado por document.URL
.
Y, todos los navegadores modernos asignan un document.location
de window.location
a la window.location
de window.location
.
En realidad, para la seguridad entre navegadores, debe usar window.location
lugar de document.location
.
La misma pregunta se ha hecho hace menos de 24 horas . Para citarme:
Use
window.location
para el acceso de lectura y escritura al objeto de ubicación asociado con el marco actual. Si solo desea obtener la dirección como una cadena de solo lectura, puede usardocument.URL
, que debe contener el mismo valor quewindow.location.href
.
Obtiene la URL de la página actual:
window.location.href
Para URL completa con cadenas de consulta:
document.location.toString().toLowerCase();
Para la URL del host:
window.location
Puede obtener la ubicación actual de la URL con una etiqueta hash usando:
JavaScript:
// Using href
var URL = window.location.href;
// Using path
var URL = window.location.pathname;
jQuery :
$(location).attr(''href'');
Puede obtener el enlace completo de la página actual a través de location.href
y para obtener el enlace del controlador actual, use:
location.href.substring(0, location.href.lastIndexOf(''/''));
Si te refieres a un enlace específico que tiene una identificación, este código puede ayudarte.
$(".disapprove").click(function(){
var id = $(this).attr("id");
$.ajax({
url: "<?php echo base_url(''index.php/sample/page/"+id+"'')?>",
type: "post",
success:function()
{
alert("The Request has been Disapproved");
window.location.replace("http://localhost/sample/page/"+id+"");
}
});
});
Estoy usando ajax aquí para enviar un ID y redirigir la página usando window.location.replace . simplemente añada un atributo id=""
como se indica.
Uso: window.location.href
.
Como se indicó anteriormente, document.URL
no se actualiza al actualizar window.location
. Ver MDN .
Utilizar:
window.location.href
Como se señaló en los comentarios, la línea a continuación funciona, pero está alterada para Firefox.
document.URL;
Agregando resultado para una referencia rápida
window.location;
Location {href: "https://.com/questions/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://.com",
replace: ƒ, assign: ƒ, …}
document.location
Location {href: "https://.com/questions/1034621/get-the-current-url-with-javascript",
ancestorOrigins: DOMStringList,
origin: "https://.com",
replace: ƒ, assign: ƒ
, …}
window.location.pathname
"/questions/1034621/get-the-current-url-with-javascript"
window.location.href
"https://.com/questions/1034621/get-the-current-url-with-javascript"
location.hostname
".com"
Obteniendo la URL actual con JavaScript:
window.location.toString ();
window.location.href
Para obtener el camino, puede utilizar:
console.log(''document.location'', document.location.href);
console.log(''location.pathname'', window.location.pathname); // Returns path only
console.log(''location.href'', window.location.href); // Returns full URL
URL de acceso a la información
JavaScript le proporciona muchos métodos para recuperar y cambiar la URL actual, que se muestra en la barra de direcciones del navegador. Todos estos métodos utilizan el objeto Location
, que es una propiedad del objeto Window
. Puede crear un nuevo objeto de Location
que tenga la URL actual de la siguiente manera:
var currentLocation = window.location;
Estructura básica de URL
<protocol>//<hostname>:<port>/<pathname><search><hash>
protocolo: especifica el nombre del protocolo que se utilizará para acceder al recurso en Internet. (HTTP (sin SSL) o HTTPS (con SSL))
nombre de host: nombre de host especifica el host que posee el recurso. Por ejemplo,
www..com
. Un servidor proporciona servicios usando el nombre del host.puerto: un número de puerto utilizado para reconocer un proceso específico al que se reenviará un mensaje de Internet u otro mensaje de red cuando llegue a un servidor.
ruta de acceso: la ruta proporciona información sobre el recurso específico dentro del host al que el cliente web desea acceder. Por ejemplo,
/index.html
.consulta: una cadena de consulta sigue el componente de la ruta y proporciona una cadena de información que el recurso puede utilizar para algún propósito (por ejemplo, como parámetros para una búsqueda o como datos para procesar).
hash: la parte de anclaje de una URL, incluye el signo de hash (#).
Con estas propiedades del objeto Location
, puede acceder a todos estos componentes de URL y a lo que pueden establecer o devolver:
- href - la URL completa
- protocolo - el protocolo de la URL
- host - el nombre de host y el puerto de la URL
- nombre de host - el nombre de host de la URL
- puerto : el número de puerto que usa el servidor para la URL
- ruta de acceso : el nombre de la ruta de la URL
- búsqueda - la parte de consulta de la URL
- hash - la porción de anclaje de la URL
Espero que tengas tu respuesta ..
location.origin+location.pathname+location.search+location.hash;
var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
currentPageUrlIs = this.href.toString().toLowerCase();
}else{
currentPageUrlIs = document.location.toString().toLowerCase();
}
El código anterior también puede ayudar a alguien
- Use
window.location.href
para obtener la URL completa. - Use
window.location.pathname
para obtener la URL que abandona el host.