如何在 JavaScript 中获取当前页面互联网主机端口的端口号？

在本教程中，我们将学习如何在 JavaScript 中获取当前页面的互联网主机端口号。

端口号是协议的 16 位唯一 ID。端口号范围从 0 到 65535。端口号用于服务器查找进程。共有 65535 个端口号，每个端口号都与其标识相关联。

因此，让我们看看如何在 JavaScript 中获取当前页面的端口号。

以下是我们可以获取互联网主机端口号的方法：

  • 使用 location.port 属性
  • 使用 URL 接口

使用 location.port 属性

Location 是访问对象 URL 的接口。Windows 和 Document 对象都可以访问此接口。location 接口包含许多属性，其中 port 是其中之一。location.port 返回 URL 的端口号。

语法

//get a port number
var port_number= location.port;

在以上语法中，用户可以看到，通过使用 location.port，您可以获取当前页面的端口号。我们必须根据语法将值存储在变量中。

示例 1

在下面给出的示例中，我们使用了 location.port 方法在 JavaScript 中获取端口号。

<html>
<body>
   <h3> Use <i> location.port </i> to get a port number using JavaScript.
   </h3>
   <button id = "btn">get port</button>
   <p id = "para"> </p>
   <p><b>Note: </b>If the port number is default (80 for http and 443 for
   https), most browsers will display nothing.</p>
   <script>
      var port_number= location.port;
      document.getElementById("btn").addEventListener("click",getport);
      function getport(){
         document.getElementById("para").innerHTML="Port Number of the page:
         "+port_number;
      }
   </script>
</body>
</html>

在上面的示例中，用户可以看到我们使用了 location.port 方法来获取当前页面互联网主机的端口号。我们添加了一个按钮，单击该按钮将运行一个函数。并在函数内部添加了我们的方法来获取端口。

使用 URL 接口

URL 接口用于编码 URL。该接口为我们提供了许多属性来访问主机、域名或端口等。它包含一个 port 属性，其中包含 URL 的端口。

观众可以按照以下语法使用 URL 接口在 JavaScript 中获取当前页面的端口号。

语法

var URL= new URL(window.location.href);
var port_number = URL.port;

在此语法中，首先，我们从 location 对象访问了当前 URL，然后在 URL 上使用了 port 方法。

示例

在下面给出的示例中，我们使用了 URL 接口在 JavaScript 中获取当前页面互联网主机的端口号。

<html>
<body>
   <h3> Use <i> URL interface </i> to get a port number using JavaScript.
   </h3>
   <button id = "btn">get port</button>
   <p id = "para"> </p>
   <p><b>Note: </b>If the port number is default (80 for http and 443 for
   https), most browsers will display nothing.</p>
   <script>
      var URL= new URL(window.location.href);
      var port_number = URL.port;
      document.getElementById("btn").addEventListener("click",getport);
      function getport(){
         document.getElementById("para").innerHTML="Port Number of the page:
         "+port_number;
      }
   </script>
</body>
</html>

在上面的示例中，用户可以看到我们使用了 URL 接口方法来获取当前页面互联网主机的端口号。此示例与上一个示例相同；我们只是在这里使用了 URL 接口。

在本教程中，我们看到了两种在 JavaScript 中获取当前页面互联网主机端口号的方法。这两种方法都简单易于实现，因为它们不包含任何逻辑。

更新于： 2022-10-12

470 次浏览

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告