在 web 前端开发中，我们经常会用到 Location 对象来获取当前页面的 URL 信息。其中，port 属性是 Location 对象的一个重要属性之一，它用来获取 URL 中的端口号部分。在本文中，我们将详细讨论 Location port 属性的用法和示例。
什么是 Location port 属性
在浏览器中，每个网站都有一个默认的端口号。通常情况下，HTTP 使用端口号 80，HTTPS 使用端口号 443。但是，如果网站使用了非默认端口号，那么在 URL 中就会显示出来。Location port 属性就是用来获取这个端口号的。
如何使用 Location port 属性
要使用 Location port 属性，首先需要获取当前页面的 Location 对象。可以通过 window.location 或 document.location 来获取。然后，直接访问 port 属性即可获取到当前页面的端口号。
----- ---- - --------------------- ------------------ -- ----------
Location port 属性的示例
假设当前页面的 URL 为 https://www.example.com:8080/index.html，我们可以通过以下代码来获取端口号：
----- ---- - --------------------- ------------------ -- -- ----
另外，如果当前页面的 URL 使用了默认端口号，那么 Location port 属性会返回空字符串。例如，https://www.example.com/index.html 的端口号为默认的 80，此时 port 属性会返回空字符串。
总结
通过本文的讲解，我们了解了 Location port 属性的作用和用法。通过获取端口号信息，我们可以更好地处理当前页面的 URL 信息。希望本文对你有所帮助，谢谢阅读！