使用javascript获取页面URL的相对路径

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 /test/this?page=2

Answer 1

尝试

window.location.pathname+window.location.search

Answer 2

location.href

保存脚本运行的页面的URL。

Answer 3

最快捷，最完整的方式：

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

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

只有奇怪的情况： http://foo.com/ >> "/" ： http://foo.com/ >> "/"

Answer 6

I use this:

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

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

Answer 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