How to extract the host name from URL using JavaScript ?
To extract the hostname portion from a URL, we can use the location object that represents information about the current URL. It is the element of the window object and a client-side object.
Syntax:
window.location.propertyname
Example 1: In this example, we will use the self URL, where the code will run to extract the hostname.
- Program:
<!DOCTYPE html><html><head><title>Get domain from URL</title></head><body><h1style="color: green">GeeksforGeeks</h1><b>URL is:</b><script>document.write(window.location.href);</script><br><b>hostname is:</b><script>document.write(window.location.hostname);</script></body></html> - Output:
Example 2: In this example, we will ask for the URL to the user and then will perform the extraction of hostname on that URL.
- Program:
<!DOCTYPE html><html><head><title>Extracting URL</title></head><body><h1style="color: green;">GeeksforGeeks</h1><b>Extracting URL</b><br><br><formname="f1"><inputtype="text"name="txt"placeholder="Paste URL"/><inputtype="button"value="click"onclick="url2()"/></form><script>function url2() {var url3 = document.f1.txt.value;var j = url3.indexOf("://");var host = "";for (i = j + 3; i <url3.length; i++) {if (url3.charAt(i) != '/') {host= host + "" + url3.charAt(i);} else {break;}}document.write(host);}</script></body></html> - Output:
Please Login to comment...