Get relative path of the page url using javascript

问题:

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

回答1:

Try

window.location.pathname+window.location.search

回答2:

location.href

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

回答3:

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.

回答4:

The quickest, most complete way:

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

回答5:

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

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

回答6:

I use this:

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

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

回答7:

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