Последний сегмент URL

Как мне получить последний сегмент URL? У меня есть следующий скрипт, который отображает полный URL тега привязки нажал:

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

Если URL-адрес

http://mywebsite/folder/file

Как я могу получить только для отображения «файл» часть URL-адреса в окне предупреждения?

Вы также можете использовать функцию lastIndexOf (), чтобы найти последнее вхождение /символа в вашем URL, затем функцию substring (), чтобы вернуть подстроку, начиная с этого местоположения:

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

Таким образом, вы избежите создания массива, содержащего все ваши сегменты URL, как это split()происходит.

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

Просто еще одно решение с регулярным выражением.

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

Javascript имеет функцию split, связанную со строковым объектом, которая может помочь вам:

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

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

Другие ответы могут работать, если путь простой, состоящий только из простых элементов пути. Но когда он также содержит параметры запроса, они ломаются.

Для этого лучше использовать объект URL, чтобы получить более надежное решение. Это разобранная интерпретация настоящего URL:

Входные данные: 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);

Вывод: 'boo'

Это работает для всех распространенных браузеров. Только наш умирающий IE не поддерживает это (и не будет). Тем не менее, для IE есть полифиллы (если вам все равно ).

Или вы можете использовать регулярное выражение:

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

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

Я знаю, это слишком поздно, но для других: я настоятельно рекомендую использовать плагин PURL jquery . Мотивация для PURL заключается в том, что url может быть сегментирован тоже с помощью '#' (пример: angular.js links), то есть url может выглядеть так

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

или

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

И с PURL вы можете легко решить (сегмент / fsegment), какой сегмент вы хотите получить.

Для «классического» последнего сегмента вы могли бы написать:

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

Основываясь на ответе Фредерика, используя только javascript:

var url = document.URL

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

Также,

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

Если вы не беспокоитесь о создании дополнительных элементов с использованием разбиения, тогда фильтр может решить проблему, о которой вы упомянули, в конце косой черты (при условии, что у вас есть поддержка фильтра в браузере).

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 = один

Если ваш URL выглядит так:

http://test.com/one/

или

http://test.com/one

или

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

Затем loc выглядит как: http://test.com/one

Теперь, так как вы хотите последний элемент, выполните следующий шаг, чтобы загрузить значение (targetValue), которое вы изначально хотели.

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

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

Используйте нативное pathnameсвойство, потому что оно самое простое и уже проанализировано и разрешено браузером. $(this).attr("href")может возвращать такие значения, ../..которые не дали бы вам правильный результат.

Если вам нужно сохранить searchи hash(например, foo?bar#bazотhttp://quux.com/path/to/foo?bar#baz ) использовать это:

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

Чтобы получить последний сегмент вашего текущего окна:

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

вы можете сначала удалить, если есть / в конце, а затем получить последнюю часть 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);

Возвращает последний сегмент независимо от конечных слешей:

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

Скопировано из этого ответа

Обновленный ответ 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);

Печатает последний путь URL в виде строки:

test.com/path-name = path-name

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

Я считаю, что безопаснее удалить косую черту ('/') перед выполнением подстроки. Потому что я получил пустую строку в моем сценарии.

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

Я использую регулярное выражение и разделить:

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

В конце концов, он будет игнорировать #? & / окончание URL, что часто случается. Пример:

https://cardsrealm.com/profile/cardsRealm -> Возвращает cardsRealm

https://cardsrealm.com/profile/cardsRealm#hello -> Возвращает cardsRealm

https://cardsrealm.com/profile/cardsRealm?hello -> Возвращает cardsRealm

https://cardsrealm.com/profile/cardsRealm/ -> Возвращает cardsRealm

На самом деле я не знаю, является ли регулярное выражение правильным способом решения этой проблемы, поскольку оно может реально повлиять на эффективность вашего кода, но приведенное ниже регулярное выражение поможет вам получить последний сегмент и все равно даст последний сегмент, даже если URL-адрес сопровождается пустым /. Регулярное выражение, которое я придумал:

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

// 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);

Работает для меня.

Я знаю, что он старый, но если вы хотите получить это из URL, вы можете просто использовать:

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

document.location.pathnameполучает путь от текущего URL. lastIndexOfполучить индекс последнего вхождения следующего регулярного выражения в нашем случае /.. Точка означает любой символ, поэтому он не будет учитываться, если /последний символ в URL. substringразрезает строку между двумя индексами.

если URL http://localhost/madukaonline/shop.php?shop=79

console.log(location.search); принесу ?shop=79

так что самый простой способ - это использовать location.search

вы можете посмотреть дополнительную информацию здесь и здесь

Вы можете сделать это с помощью простых путей (w / 0) строк запросов и т. Д.

Разумеется, слишком сложный и, вероятно, не производительный, но я хотел использовать reduce для удовольствия.

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

1. Разделить строку на разделители пути.
2. Отфильтруйте пустые части пути строки (это может произойти с косой чертой в пути).
3. Уменьшите массив частей пути до последней.