Jquery to get the name of the current html file

Question

If you are on http://www.cnn.com/2012/11/09/opinion/brown-pakistan-malala/index.html can you get Jquery to grab the index.html?

or if you are on http://www.washingtonpost.com/politics/decision2012/supreme-court-to-review-key-section-of-voting-rights-act/2012/11/09/dd249cd0-216d-11e2-8448-81b1ce7d6978_story.html have it return dd249cd0-216d-11e2-8448-81b1ce7d6978_story.html?

And for non extension defined pages such as this current one http://stackoverflow.com/questions/13317276/jquery-to-get-the-name-of-the-current-html-file can it return the last "file" in the "directory"structure, for example: jquery-to-get-the-name-of-the-current-html-file

Try checking this question out http://stackoverflow.com/questions/1302306/how-to-pull-the-file-name-from-a-url-using-javascript-jquery — aeternus828, Nov 09 '12 at 23:02
What if the current page is simply `http://stackoverflow.com/`? Do you just want "stackoverflow.com"? — nnnnnn, Nov 09 '12 at 23:11
good clarification, yes, the last of the path name is what I am looking for — chris Frisina, Nov 09 '12 at 23:49
I am using this code document.location.pathname.match(/[^\/]+$/)[0] but when I am in my base link for example `http://stackoverflow.com/` it is throwing error in console, Is there some way to validate it ? — Hitesh, Nov 14 '14 at 05:10

score 49 · Accepted Answer · edited Jan 21 '18 at 03:51

49

Although not JQuery, you can access it using the following:

document.location.href.match(/[^\/]+$/)[0]

or

document.location.pathname.match(/[^\/]+$/)[0] in case of unneeded anchors/hash tags (#).

edited Jan 21 '18 at 03:51

chris Frisina

19,086
22
87
167

answered Nov 09 '12 at 23:00

Vyacheslav Voronchuk

2,403
19
16

I am using this code document.location.pathname.match(/[^\/]+$/)[0] but when I am in my base link for example `http://www.cnn.com` it is throwing error in console, Is there some way to validate it ? – Hitesh Nov 14 '14 at 05:09

score 26 · Answer 2 · answered Nov 09 '12 at 23:14

26

location.pathname.split('/').slice(-1)[0]

answered Nov 09 '12 at 23:14

Max Kamenkov

2,478
3
22
19

Vin · Answer 3 · 2015-06-06T04:27:00.287

14

No need for jQuery. This will give you the last segment of the URL path (the bit after the last slash):

var href = document.location.href;
var lastPathSegment = href.substr(href.lastIndexOf('/') + 1);

edited Jun 06 '15 at 04:27

answered Jun 06 '15 at 04:16

Vin

1,975
5
27
34

Worked perfectly for me!! – rodrigorf Jan 11 '18 at 20:21

score 6 · Answer 4 · answered Nov 09 '12 at 23:02

6

function getCurentFileName(){
    var pagePathName= window.location.pathname;
    return pagePathName.substring(pagePathName.lastIndexOf("/") + 1);
}

answered Nov 09 '12 at 23:02

Z .

12,657
1
31
56

Jquery to get the name of the current html file

4 Answers4

Linked