如何使用 JavaScript 从 URL 获取协议、域和端口？

当前页面的协议、域、端口可以通过两种方式找到：

方法一：使用location.protocol、location.hostname、location.port方法： location接口有各种方法可以用来返回需要的属性。

location.protocol 属性用于返回 URL 的协议方案以及最后的冒号 (:)。
location.hostname 用于返回 URL 的域名。
location.port 属性用于返回 URL 的端口。如果端口没有在 URL 中明确描述，它不会返回任何内容。

句法：

protocol = location.protocol;
domain = location.hostname;
port = location.port;

例子：



  

    
        Get protocol, domain, and port from URL
    

  

    
        GeeksforGeeks
    
      
    
        Get protocol, domain, and port from URL
    
      
    
        Protocol is: 
        
    
      
    
        Domain is: 
        
    
      
    
        Port is:

输出：

单击按钮之前：
点击按钮后：

方法二：使用 URL 接口： URL 接口用于表示对象 URL。它可用于获取端口、域和协议，因为它具有获取这些值的内置方法。

url.protocol 属性用于返回 URL 的协议方案以及最后的冒号 (:)。
url.hostname 用于返回 URL 的域。
url.port 属性用于返回 URL 的端口。如果未明确描述端口，则返回 ”。

注意： Internet Explorer 11 不支持此 API。

句法：

current_url = window.location.href;
url_object = new URL(current_url);

protocol = url_object.protocol;
domain = url_object.hostname;
port = url_object.port;

例子：



      

    
        Get protocol, domain, and port from URL
    

  

    
        GeeksforGeeks
    
      
    
        Get protocol, domain, and port from URL
    
      
    Protocol is: 
    Domain is: 
    Port is:

输出：

单击按钮之前：
点击按钮后：