In javascript, how can I get the relative path of the current url?
for example http://www.example.com/test/this?page=2
I want just the /test/this?page=2
-
Why don't you check this thing out: lawrence.ecorp.net/inet/samples/regexp-parse.php half way down the page shows you how to extract different parts using javascript regular expressions.JohnMerlino– JohnMerlino2010-12-21 22:53:46 +00:00Commented Dec 21, 2010 at 22:53
-
That's the relative pathBen Taliadoros– Ben Taliadoros2014-10-20 10:54:38 +00:00Commented Oct 20, 2014 at 10:54
-
3@BenTaliadoros is right - someone should edit the question and description to correctly say "relative path" instead of "absolute path".jbyrd– jbyrd2015-09-17 20:31:54 +00:00Commented Sep 17, 2015 at 20:31
-
1@jbyrd stackoverflow.com/review/suggested-edits/10865424user5398447– user53984472016-01-12 16:35:09 +00:00Commented Jan 12, 2016 at 16:35
Add a comment
|
7 Answers
Try
window.location.pathname+window.location.search
Comments
The quickest, most complete way:
location.href.replace(/(.+\w\/)(.+)/,"/$2");
1 Comment
House3272
Not complete, will match full url if there is no path. Returns
https://stackoverflow.com/ for example.location.href
holds the url of the page your script is running in.
Comments
location.href.replace(location.origin,'');
Only weird case:
http://foo.com/ >> "/"
Comments
You can use the below snippet to get the absolute url of any page.
var getAbsoluteUrl = (function() {
var a;
return function(url) {
if(!a) a = document.createElement('a');
a.href = url;
return a.href;
}
})();
// Sample Result based on the input.
getAbsoluteUrl('/'); //Returns http://stackoverflow.com/
Checkout get absolute URL using Javascript for more details and multiple ways to achieve the same functionality.
Comments
I use this:
var absURL = document.URL;
alert(absURL);
Comments
You should use it the javascript way, to retrieve the complete path including the extensions from the page,
$(location).attr('href');
So, a path like this, can be retrieved too.
www.google.com/results#tab=2
1 Comment
Paul
That's the jQuery way. Why not `location.href' as given in an earlier answer?