Open In App
Related Articles

How to parse URL using JavaScript ?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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. 

javascript

// Store the URL into variable
      
// 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. 

javascript

// Store the URL into variable
var url =
      
// 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


Last Updated : 23 Jan, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads