A small function useful for browsers that do not support the URL interface. It was posted by Freddie Fujiwara at Stack Overflow.

function parseURL(href) {
  let location = document.createElement('a');

  location.href = href;

  return location;
}

The function uses the HTMLAnchorElement interface provided by the DOM and returns an object with the properties supported by HTMLAnchorElement: host, hostname, protocol etc.

Documentation and references

• https://stackoverflow.com/questions/736513/how-do-i-parse-a-url-into-hostname-and-path-in-javascript
• https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement
• https://developer.mozilla.org/docs/Web/API/URL