URL() constructor which accepts the
url as a first argument then it creates and returns the object containing a data related to the provided url.
const google = "https://google.com/?q=ss"; const url = new URL(google); console.log(url); // url.hostname = "google.com"; // url.pathname = "/"
In the above image, we are seeing the object which is returned by the
There is also a second way to parse the url by creating an anchor(
const google = "https://google.com/?q=ss"; const a = document.createElement('a'); a.href= google;
Now, we can access the url properties like this.
console.log(a.host); // "google.com" console.log(a.href); // "https://google.com/?q=ss" console.log(a.protocol); // "https:" console.log(a.search); // "?q=ss"