HTML | DOM Location host Property
The Location Host property in HTML is used to sets or returns the hostname and port of a URL. The Location Hash property doesn’t return the port number if it is not specified in the URL.
Syntax:
- It returns the host property.
location.host
- It is used to set the host property.
location.host = hostname:port
Property Value
hostname:port : It contains a string value which defines the hostname and portnumber of a URL.
Return Value: A String, representing the domain name and port number, or the IP address of a URL
Below program illustrates the Location host Property in HTML:
Example:
html
<!DOCTYPE html><html> <head> <title>DOM Location host Property</title> <style> h1 { color:green; } h2 { font-family: Impact; } body { text-align:center; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>DOM Location host Property</h2> <p> For returning the hostname and port of the current URL, double-click the "Return Hostname" button: </p> <button ondblclick="myhost()"> Return Hostname </button> <p id="host"></p> <script> function myhost() { var h = location.host; document.getElementById("host").innerHTML = h; } </script> </body></html> |
Output:
After click on the button:
Supported Browsers: The browser supported by Location host Property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 3
- Firefox 1
- Opera 12.1
- Safari 1
Please Login to comment...