Как получить последний сегмент URL-адреса? У меня есть следующий script, который отображает полный 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().
var parts = 'http://mywebsite/folder/file'.split('/');
var lastSegment = parts.pop() || parts.pop(); // handle potential trailing slash
console.log(lastSegment);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];
Или вы можете использовать регулярное выражение:
alert(href.replace(/.*\//, ''));
Другие ответы могут работать, если путь простой, состоящий только из простых элементов пути. Но когда он также содержит параметры запроса, они ломаются.
Для этого лучше использовать объект URL, чтобы получить более надежное решение. Это разобранная интерпретация настоящего URL:
Входные данные: const href= 'https://stackoverflow.com/boo?q=foo&s=bar'
const last = new URL(href).pathname.split('/').pop();
console.log(last);
Вывод: 'boo'
Это работает для всех распространенных браузеров. Только наш умирающий IE не поддерживает это (и не будет). Для IE есть полифиллы, доступные (хотя, если вам все равно).
var urlChunks = 'mywebsite/folder/file'.split('/');
alert(urlChunks[urlChunks.length - 1]);
Я знаю, уже слишком поздно, но для других: I высоко рекомендуется использовать PURL jquery plugin. Мотивация для PURL заключается в том, что URL-адрес может быть сегментирован с помощью '#' (пример: angular.js-ссылки), то есть 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
Основываясь на Frédéric, используя только javascript:
var url = document.URL
window.alert(url.substr(url.lastIndexOf('/') + 1));
Кроме того,
var url = $(this).attr("href");
var part = url.substring(url.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);
Если вы не беспокоитесь о создании дополнительных элементов с помощью разделения, тогда фильтр может справиться с проблемой, о которой вы упоминаете в завершающей косой чертой (предположим, что у вас есть поддержка браузера для фильтра).
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
Если ваш URL-адрес выглядит следующим образом:
или
или
Затем loc заканчивается: http://test.com/one
Теперь, поскольку вы хотите последний элемент, запустите следующий шаг, чтобы загрузить значение (targetValue), которое вы изначально хотели.
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);
var pathname = window.location.pathname; // Returns path only
var url = window.location.href; // Returns full URL
Скопировано из этого ответа
Чтобы получить последний сегмент текущего окна:
window.location.href.substr(window.location.href.lastIndexOf('/') +1)
Возвращает последний сегмент независимо от конечных слешей:
var val = 'http://mywebsite/folder/file//'.split('/').filter(Boolean).pop();
console.log(val);Обновленный ответ 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
вы можете сначала удалить, если есть/в конце, а затем получить последнюю часть 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);
Я считаю, что безопаснее удалить косую черту ('/') перед выполнением подстроки. Потому что я получил пустую строку в моем сценарии.
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);
Работает для меня.
var url = window.location.pathname;
var urlsplit = url.split("/");
var result= urlsplit[urlsplit.length-1];
result will get the Last segment of URL
Я знаю, что это старый, но если вы хотите получить это из URL, вы можете просто использовать:
document.location.pathname.substring(document.location.pathname.lastIndexOf('/.') + 1);
document.location.pathname получает путь от текущего URL. lastIndexOf получить индекс последнего вхождения следующего регулярного выражения, в нашем случае это /. , Точка означает любой символ, поэтому он не будет учитываться, если / является последним символом в URL. substring обрезает строку между двумя индексами.