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.
html
<!DOCTYPE html> <html> <head> <title> Get domain from URL </title> </head> <body> <h1 style="color: green"> neveropen </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 the hostname on that URL.
html
<!DOCTYPE html> <html> <head> <title>Extracting URL</title> </head> <body> <h1 style="color: green;">neveropen</h1> <b>Extracting URL</b> <br><br> <form name="f1"> <input type="text" name="txt" placeholder="Paste URL"/> <input type="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:

