最后一段URL与JavaScript

我如何得到一个url的最后一段?我有下面的脚本，显示点击锚标记的完整url:

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

如果url为

http://mywebsite/folder/file

我如何才能让它在警告框中显示url的“文件”部分?

当前回答

同时,

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

其他回答

我知道，已经太迟了，但对于其他人来说: 我强烈推荐使用PURL jquery插件。PURL的动机是url也可以用“#”来分割(例如:angular.js links)，即url可以看起来像

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

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

使用PURL，您可以很容易地决定(segment/fsegment)您想要获得的段。

对于“经典”的最后一部分，你可以这样写:

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

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

抄自这个答案

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

使用本机pathname属性，因为它是最简单的，并且已经被浏览器解析和解析过了。$(this).attr("href")可以返回类似../..这样就不会得到正确的结果。

如果你需要保留搜索和哈希(例如foo?Bar #baz from http://quux.com/path/to/foo?bar#baz)使用这个:

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

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

你也可以使用lastIndexOf()函数来定位URL中/字符最后出现的位置，然后使用substring()函数返回从该位置开始的子字符串:

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

这样，就可以避免像split()那样创建一个包含所有URL段的数组。

推荐文章