我如何得到一个url的最后一段?我有下面的脚本，显示点击锚标记的完整url:
$(".tag_name_goes_here").live('click', function(event)
{
event.preventDefault();
alert($(this).attr("href"));
});
如果url为
http://mywebsite/folder/file
我如何才能让它在警告框中显示url的“文件”部分?
当前回答
最短的方法如何获得URL最后一段与split()， filter()和pop()
函数getLastUrlSegment(url) { 返回新的URL(URL).pathname.split('/').filter(Boolean).pop(); ｝ console.log (getLastUrlSegment (window.location.href)); console.log (getLastUrlSegment (' https://x.com/boo ')); console.log (getLastUrlSegment (' https://x.com/boo/ ')); console.log (getLastUrlSegment (' https://x.com/boo?q=foo&s=bar=aaa ')); console.log (getLastUrlSegment (https://x.com/boo?q=foo这')); console.log(getLastUrlSegment('https://x.com/last带空格的段'));
对我有用。
其他回答
仅使用javascript构建Frédéric的答案:
var url = document.URL
window.alert(url.substr(url.lastIndexOf('/') + 1));
更新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
返回最后一段，不考虑后面的斜杠:
瓦尔瓦尔= http://mywebsite/folder/file//’。分裂(' / ')。布尔(过滤器)pop (); 控制台日志(val);
如果路径很简单，仅由简单的路径元素组成，则其他答案可能有效。但是当它也包含查询参数时，它们就会中断。
最好使用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);
输出:“嘘”
这适用于所有常见的浏览器。只有我们垂死的IE不支持(也不会支持)。对于IE来说，有一个可用的腻子(如果你在乎的话)。
一种避免查询参数的方法
const urlString = "https://stackoverflow.com/last-segment?param=123" const url =新的url (urlString); url。搜索= "; const lastSegment = url.pathname.split('/').pop(); console.log (lastSegment)
