Get relative URL from absolute URL

Question

I want to get the relative URL from an absolute URL in JavaScript using regex and the replace method.

I tried the following but it is not working:

var str="http://localhost/mypage.jsp"; document.write(str.replace("^[\w]*\/\/[\w]*$","")); 

Answer 1

A nice way to do this is to use the browser's native link-parsing capabilities, using an a element:

function getUrlParts(url) {     var a = document.createElement('a');     a.href = url;      return {         href: a.href,         host: a.host,         hostname: a.hostname,         port: a.port,         pathname: a.pathname,         protocol: a.protocol,         hash: a.hash,         search: a.search     }; } 

You can then access the pathname with getUrlParts(yourUrl).pathname.

The properties are the same as for the location object.