How to parse URL using JavaScript ?
Last Updated :
23 Jan, 2023
Improve
Given an URL and the task is to parse that URL and retrieve all the related data using JavaScript. Example:
URL: https://www.geeksforgeeks.org/courses When we parse the above URL then we can find hostname: geeksforgeeks.com path: /courses
Method 1: In this method, we will use createElement() method to create a HTML element, anchor tag and then use it for parsing the given URL.
// Store the URL into variable
var url = "https://geeksforgeeks.org/pathname/?search=query";
// Created a parser using createElement() method
var parser = document.createElement("a");
parser.href = url;
// Host of the URL
console.log(parser.host);
// Hostname of the URL
console.log(parser.hostname );
// Pathname of URL
console.log(parser.pathname);
// Search in the URL
console.log(parser.search );
Output:
geeksforgeeks.org geeksforgeeks.org /pathname/ ?search=query
Method 2: In this method we will use URL() to create a new URL object and then use it for parsing the provided URL.
// Store the URL into variable
var url =
"https://geeksforgeeks.org:3000/pathname/?search=query";
// Created a URL object using URL() method
var parser = new URL(url);
// Protocol used in URL
console.log(parser.protocol);
// Host of the URL
console.log(parser.host);
// Port in the URL
console.log(parser.port);
// Hostname of the URL
console.log(parser.hostname);
// Search in the URL
console.log(parser.search);
// Search parameter in the URL
console.log(parser.searchParams);
Output:
https: geeksforgeeks.org:3000 3000 geeksforgeeks.org ?search=query search=query
