Javascript - how to remove domain from location.href

Question

I need to remove the domain name from location.href using Javascript. I have links like: http://localhost/App/User/UserOrder.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1&type=MO and I need to have links without http://localhost and in future without it's real domain name.

I will use those trimed links in Javascript function so I would like to trim it also in Javascript.

I have tried: window.location.href.split('/')[2]; but I could only get domain form it. And I want to get rid of domain.

Any help here much appreciated!

Answer 1

Use window.location.pathname. This gives you the path relative to the host. See here for more details.

For any arbitrary URL, assuming that the variable url contains your URL, you can do:

url = url.replace(/^.*\/\/[^\/]+/, '')

Answer 2

Rather than doing string manipulation on window.location.href, you can use the other properties of window.location. In your case, you want the pathname, the search and the hash:

console.log(window.location.pathname + window.location.search + window.location.hash);

Answer 3

I posted this on your other question as a comment but I might as well add it here too. You can use a replace with a regex, like this:

location.href.replace(/.*\/\/[^\/]*/, '')