javascript - ruta - obtener url jquery




Obtener la URL actual con JavaScript? (14)

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 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 .


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 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.


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;

Ver URL de tipo DOMString, solo lectura .


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"

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 ..


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.




url