JavaScript location.host 与 location.hostname

在本文中，我们将了解如何获取与网页相关的信息，例如主机名、端口号等。我们还将了解 location.hostname 和 location.host 之间的区别。

location对象用于获取有关当前网页的信息。主机和主机名是位置对象的属性。

location.hostname：该属性将返回网页的域名。

句法：

location.hostname

返回值：返回一个代表域名或IP地址的字符串。

例子：

• 如果这是我们的网址，

  https://www.geeksforgeeks.org:8080/ds/heap

• 当我们调用location.hostname 时，这将返回。

  www.geeksforgeeks.org

HTML

  
      
    
    
    
  
  
  
    
      document.write("hostname : " + location.hostname);
    
  

输出：

为了验证任何网页的这个东西，打开你想要的网页，然后单击检查，然后在控制台选项卡中写入console.log(location.hostname) 。您将获得该网页的域名。

location.host：此属性也返回相同的主机名，但还包括端口号。万一，如果端口号不可用，那么它将只返回主机名。

句法：

location.host

返回值：返回一个字符串，表示域名和端口号。

例子：

• 如果这是我们的网址，

  https://www.geeksforgeeks.org:8080/ds/heap

• 当我们调用location.host时，这将返回。

  www.geeksforgeeks.org:8080

HTML

  
    
    
    
  
  
  
    
      document.write("host : " + location.host);
    
  

输出：

location.hostname	location.host
It is a property of a location object.	It is also a property of a location object.
It returns the domain name of the current webpage.	It returns the domain name as well as the port number (if available) of the current webpage.
The return value is of String type.	The return value is of String type.
Ex: www.abc.com	Ex: www.abc.com:8080