HTML | DOM Location hostname Property

The Location hostname property in HTML is used to return the hostname of the current URL. The Location hostname property returns a string which contains the domain name, or the IP address of a URL.


  • It returns the hostname property.
  • It is used to set the hostname property.
    location.hostname = hostname

Below program illustrates the Location hostname property in HTML:






<!DOCTYPE html>
    <title>DOM Location hostname Property</title>
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <h2>DOM Location hostname Property</h2>
      For returning the hostname of the current
      URL, double click the "Return hostname" button:
    <button ondblclick="myhost()">
      Return hostname
    <p id="hostname"></p>
        function myhost() {
            var h = location.hostname;
            document.getElementById("hostname").innerHTML = h;



After click on the button:

Supported Browsers: The browser supported by Location hostname property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up

I am a technology enthusiast who has a keen interest in programming I am pursuing Engineering in Computer Science from GEU, Dehradun I like to unwind by watching movies and English sitcomsI have a keen interest in music

If you like GeeksforGeeks and would like to contribute, you can also write an article using or mail your article to See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.

Article Tags :
Practice Tags :

Be the First to upvote.

Please write to us at to report any issue with the above content.