JavaScript location.port 属性：设置或取得当前 URL 的端口_JavaScript基础教程

JavaScript location.port 属性

Location 对象的 port 属性用于设置或取得当前 URL 的端口，语法如下：

location.port = number

location.port 实例

例子 1

该例子通过 location.port 属性得到 URL 中的主机名称和端口号：

假设当前页面的 URL 是：http://www.5idev.com:8080/p-javascript_location.shtml

<script type="text/javascript">

document.write(location.port);

</script>

运行该例子，输出：

说明：大部分情况下都是使用的 80 端口作为 http 服务端口，而 80 端口都是默认省略的，因此这种情况下，location.port 不会得到任何内容。

例子 2

该例子通过 location.port 属性来设置 URL 中的端口：

假设当前页面的 URL 是：http://www.5idev.com/test.shtml

<html>

<script type="text/javascript">

function setPort(){
    location.port = 8080;
}

</script>

<body>
<button onclick="setPort()">设定端口号</button>
</body>
</html>

运行该例子，点击设定端口号按钮，触发 setPort() 函数，浏览器地址栏的 URL 将变为：http://www.5idev.com:8080/test.shtml，而浏览器也将访问该 URL。

参考阅读

JavaScript location.host 属性：设置或取得当前 URL 的主机名称和端口号