Get relative path of the page url using javascript

Question

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 /te

Answer 1

location.href.replace(location.origin,'');

Only weird case: http://foo.com/ >> "/"

Answer 2

location.href

holds the url of the page your script is running in.

Answer 3

The quickest, most complete way:

location.href.replace(/(.+\w\/)(.+)/,"/$2");

Answer 4

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.

Answer 5

I use this:

var absURL = document.URL;
alert(absURL);

Reference: http://www.w3schools.com/jsref/prop_doc_url.asp

Answer 6

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