Open In App

How to parse URL using JavaScript ?

Last Updated : 23 Jan, 2023
Summarize
Comments
Improve
Suggest changes
Share
Like Article
Like
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
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. 

javascript
// 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

Similar Reads