如何在javascript中将URL解析为主机名和路径？

如何在 JavaScript 中将 URL 解析为主机名和路径？

URL 代表统一资源定位器。我们可以解析一个 URL 来访问它的组件，这可以使用 JavaScript 中的预定义属性来实现。例如，第一个示例解析当前网页的 URL，第二个示例解析预定义的 URL。

例1：本例解析当前网页的URL。

HTML

  

    
        Required URL is:
    
      
    
  
    
        Parse It
    
      
    
  
    
  
    
    
        document.getElementById("para1")
            .innerHTML = window.location.href;
  
        function my_function() {
            document.getElementById("para2")
                .innerHTML = 
`<h3 style="color:green;">Hostname : </h3>` +
                window.location.hostname;
  
            document.getElementById("para3")
                .innerHTML = 
`<h3 style="color:green;">Path : </h3>` +
                window.location.pathname;
        }
    

  

输出：

点击按钮前：

单击按钮之前

点击按钮后：

点击按钮后

示例 2本示例解析预定义的 URL。

HTML

  

    
        Required URL is:
    
    
  
    
        Parse It
    
    
  
    
  
    
    
        var my_url = new URL(
"https://write.geeksforgeeks.org/post/");
  
        document.getElementById("para1")
                .innerHTML = my_url;
  
        function my_function() {
            document.getElementById("para2")
                .innerHTML = 
`<h3 style="color:green;">Hostname : </h3>`
                + my_url.hostname;
  
            document.getElementById("para3")
                .innerHTML = 
`<h3 style="color:green;">Path : </h3>`
                + my_url.pathname;
        }
    

  

输出：

点击按钮前：

点击按钮前

点击按钮后：

点击按钮后