Último segmento de URL

¿Cómo obtengo el último segmento de una URL? Tengo el siguiente script que muestra la URL completa de la etiqueta de anclaje en la que se hizo clic:

$(".tag_name_goes_here").live('click', function(event)
{
    event.preventDefault();  
    alert($(this).attr("href"));
});

Si la url es

http://mywebsite/folder/file

¿Cómo hago para que muestre la parte "archivo" de la URL en el cuadro de alerta?

También puede usar la función lastIndexOf () para localizar la última aparición del /carácter en su URL, luego la función substring () para devolver la subcadena a partir de esa ubicación:

console.log(this.href.substring(this.href.lastIndexOf('/') + 1));

De esa manera, evitará crear una matriz que contenga todos sus segmentos de URL, como lo split()hace.

window.location.pathname.split("/").pop()

Solo otra solución con regex.

var href = location.href;
console.log(href.match(/([^\/]*)\/*$/)[1]);

Javascript tiene la función de división asociada al objeto de cadena que puede ayudarte:

var url = "http://mywebsite/folder/file";
var array = url.split('/');

var lastsegment = array[array.length-1];

Las otras respuestas pueden funcionar si la ruta es simple, y consiste solo en elementos de ruta simples. Pero cuando también contiene parámetros de consulta, se rompen.

Mejor use el objeto URL para esto en su lugar para obtener una solución más robusta. Es una interpretación analizada de la URL actual:

Entrada: const href = 'https://stackoverflow.com/boo?q=foo&s=bar'

const segments = new URL(href).pathname.split('/');
const last = segments.pop() || segments.pop(); // Handle potential trailing slash
console.log(last);

Salida: 'boo'

Esto funciona para todos los navegadores comunes. Solo nuestro IE moribundo no lo admite (y no lo hará). Sin embargo, para IE hay un polyfills disponible (si te importa ).

O podrías usar una expresión regular:

alert(href.replace(/.*\//, ''));

var urlChunks = 'mywebsite/folder/file'.split('/');
alert(urlChunks[urlChunks.length - 1]);

Lo sé, es demasiado tarde, pero para otros: I altamente uso recomendado PURL plugin de jQuery . La motivación para PURL es que la URL también puede segmentarse con '#' (ejemplo: enlaces angular.js), es decir, la URL podría verse así

    http://test.com/#/about/us/

o

    http://test.com/#sky=blue&grass=green

Y con PURL puede decidir fácilmente (segmento / segmento) qué segmento desea obtener.

Para el último segmento "clásico" podría escribir:

    var url = $.url('http://test.com/dir/index.html?key=value');
    var lastSegment = url.segment().pop(); // index.html

Basándose en la respuesta de Frédéric usando solo javascript:

var url = document.URL

window.alert(url.substr(url.lastIndexOf('/') + 1));

También,

var url = $(this).attr("href");
var part = url.substring(url.lastIndexOf('/') + 1);

Si no le preocupa generar los elementos adicionales utilizando la división, entonces el filtro podría manejar el problema que menciona de la barra inclinada final (suponiendo que tenga compatibilidad con el navegador para el filtro).

url.split('/').filter(function (s) { return !!s }).pop()

// Store original location in loc like: http://test.com/one/ (ending slash)
var loc = location.href; 
// If the last char is a slash trim it, otherwise return the original loc
loc = loc.lastIndexOf('/') == (loc.length -1) ? loc.substr(0,loc.length-1) : loc.substr(0,loc.lastIndexOf('/'));
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

targetValue = one

Si su URL se ve así:

http://test.com/one/

o

http://test.com/one

o

http://test.com/one/index.htm

Entonces loc termina luciendo así: http://test.com/one

Ahora, dado que desea el último elemento, ejecute el siguiente paso para cargar el valor (targetValue) que deseaba originalmente.

var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1));

Use la pathnamepropiedad nativa porque es más simple y ya ha sido analizada y resuelta por el navegador. $(this).attr("href")puede devolver valores como los ../..que no le darían el resultado correcto.

Si necesita mantener el searchy hash(por ejemplo, foo?bar#bazde http://quux.com/path/to/foo?bar#baz) use esto:

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1) + this.search + this.hash);

Para obtener el último segmento de su ventana actual:

window.location.href.substr(window.location.href.lastIndexOf('/') +1)

primero puede eliminar si hay / al final y luego obtener la última parte de la URL

let locationLastPart = window.location.pathname
if (locationLastPart.substring(locationLastPart.length-1) == "/") {
  locationLastPart = locationLastPart.substring(0, locationLastPart.length-1);
}
locationLastPart = locationLastPart.substr(locationLastPart.lastIndexOf('/') + 1);

Devuelve el último segmento, independientemente de las barras inclinadas:

var val = 'http://mywebsite/folder/file//'.split('/').filter(Boolean).pop();

console.log(val);

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL

Copiado de esta respuesta

Respuesta actualizada de raddevus:

var loc = window.location.href;
loc = loc.lastIndexOf('/') == loc.length - 1 ? loc.substr(0, loc.length - 1) : loc.substr(0, loc.length + 1);
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

Imprime la última ruta de url como cadena:

test.com/path-name = path-name

test.com/path-name/ = path-name

Creo que es más seguro eliminar la barra diagonal ('/') antes de hacer la subcadena. Porque tengo una cadena vacía en mi escenario.

window.alert((window.location.pathname).replace(/\/$/, "").substr((window.location.pathname.replace(/\/$/, "")).lastIndexOf('/') + 1));

Estoy usando regex y split:

var last_path = location.href.match (/. / (. [\ w]) /) [1] .split ("#") [0] .split ("?") [0]

Al final ignorará #? & / URL de finalización, que sucede mucho. Ejemplo:

https://cardsrealm.com/profile/cardsRealm -> Devoluciones cardsRealm

https://cardsrealm.com/profile/cardsRealm#hello -> Devuelve tarjetasRealm

https://cardsrealm.com/profile/cardsRealm?hello -> Devuelve tarjetasRealm

https://cardsrealm.com/profile/cardsRealm/ -> Devoluciones cardsRealm

Realmente no sé si la expresión regular es la forma correcta de resolver este problema, ya que realmente puede afectar la eficiencia de su código, pero la expresión regular a continuación lo ayudará a obtener el último segmento y aún le dará el último segmento incluso si la URL es seguido por un vacio /. La expresión regular que se me ocurrió es:

[^\/]+[\/]?$

// https://x.com/boo/?q=foo&s=bar = boo
// https://x.com/boo?q=foo&s=bar = boo
// https://x.com/boo/ = boo
// https://x.com/boo = boo

const segment = new 
URL(window.location.href).pathname.split('/').filter(Boolean).pop();
console.log(segment);

Funciona para mi.

Sé que es antiguo, pero si desea obtener esto de una URL, simplemente puede usar:

document.location.pathname.substring(document.location.pathname.lastIndexOf('/.') + 1);

document.location.pathnameobtiene el nombre de ruta de la URL actual. lastIndexOfobtener el índice de la última aparición de la siguiente expresión regular, en nuestro caso es /.. El punto significa cualquier carácter, por lo tanto, no contará si /es el último carácter en la URL. substringcortará la cadena entre dos índices.

si la url es http://localhost/madukaonline/shop.php?shop=79

console.log(location.search); traerá ?shop=79

así que la forma más sencilla es usar location.search

puedes buscar más información aquí y aquí

Puede hacer esto con rutas de consulta simples (w / 0), etc.

Concedido probablemente demasiado complejo y probablemente no eficiente, pero quería usarlo reducepor diversión.

  "/foo/bar/"
    .split(path.sep)
    .filter(x => x !== "")
    .reduce((_, part, i, arr) => {
      if (i == arr.length - 1) return part;
    }, "");

1. Dividir la cadena en los separadores de ruta.
2. Filtre las partes de ruta de cadena vacías (esto podría suceder con la barra inclinada final en la ruta).
3. Reduzca la matriz de partes de la ruta a la última.