Getting the protocol, domain, port from a URL with JavaScript
In this post we will give you information about Getting the protocol, domain, port from a URL with JavaScript. Hear we will give you detail about Getting the protocol, domain, port from a URL with JavaScriptAnd how to use it also give you demo for it if it is necessary.
we are going to learn about how to get the protocol, domain name, port from a current URL using JavaScript.
Using the window.location object
The window.location object contains different properties that are holding data related to the current page URL.
Consider, we have the following URL:
http://localhost:3000
Getting the protocol
To get the protocol (like https or http) from a URL, we can use the window.location.protocol property in JavaScript.
window.location.protocol; // http
Getting the domain name
To get the domain name from a URL, we can use the window.location.hostname property.
window.location.hostname; // localhost
Getting the Port number
To get the port number from a URL, we can use the window.location.port property.
window.location.hostname; // localhost
You can also join all together to create a full url like this:
const protocol = window.location.protocol;const domain = window.location.hostname;const port = window.location.port;const full = '${protocol}://${domain}:${port? port : ""}'Hope this code and post will helped you for implement Getting the protocol, domain, port from a URL with JavaScript. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs