JavaScript 如何从URL中提取主机名

为了从URL中提取主机名部分，我们可以使用表示当前URL信息的location对象。它是window对象的一个元素，也是客户端对象。

语法：

window.location.propertyname

示例 1：

在这个示例中，我们将使用自身URL，该代码将运行以提取主机名。

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Get domain from URL 
    </title> 
</head> 
  
<body> 
    <h1 style="color: green"> 
        GeeksforGeeks 
    </h1> 
      
    <b>URL is:</b> 
      
    <script> 
        document.write(window.location.href); 
    </script> 
          
    <br> 
    <b>hostname is:</b> 
      
    <script> 
        document.write(window.location.hostname); 
    </script> 
</body> 
</html>

输出:

JavaScript 如何从URL中提取主机名

示例2:

在这个示例中，我们将要求用户提供URL，并且然后执行对该URL的主机名提取操作。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Extracting URL</title> 
</head> 
  
<body> 
    <h1 style="color: green;">GeeksforGeeks</h1> 
    <b>Extracting URL</b> 
    <br><br> 
    <form name="f1"> 
        <input type="text" name="txt"
            placeholder="Paste URL"/> 
        <input type="button" value="click"
            onclick="url2()" /> 
    </form> 
    <script> 
        function url2() { 
  
            var url3 = document.f1.txt.value; 
  
            var j = url3.indexOf("://"); 
  
            var host = ""; 
  
            for (i = j + 3; i < url3.length; i++) { 
                if (url3.charAt(i) != '/') { 
                    host = host + "" + url3.charAt(i); 
                } else { 
                    break; 
                } 
            } 
            document.write(host); 
        } 
    </script> 
</body> 
</html>

输出：

JavaScript 如何从URL中提取主机名