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

JavaScript location.host 属性

Location 对象的 host 属性用于设置或取得当前 URL 的主机名称和端口号，语法如下：

location.host = host:port

location.host 实例

例子 1

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

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

<script type="text/javascript">

document.write(location.host);

</script>

运行该例子，输出：

www.5idev.com

提示：如果端口是默认的 80 端口而被省略，那么该属性取得的数据就不包含端口号，如上例所示。

例子 2

该例子通过 location.host 属性来设置 URL 中的主机名称和端口号：

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

<html>

<script type="text/javascript">

function setHost(){
    location.host = "127.0.0.1:8080";
}

</script>

<body>
<button onclick="setHost()">设定主机名称</button>
</body>
</html>

运行该例子，点击设定主机名称按钮，触发 setHost() 函数，浏览器地址栏的 URL 将变为：http://127.0.0.1:8080/test.shtml，而浏览器也将访问该 URL。

提示：不能单独的设定端口号。

location.host 与 location.hostname 非常的相似，具体区别参见《JavaScript location.hostname 属性：设置或取得当前 URL 的主机名》。

参考阅读

JavaScript location.hostname 属性：设置或取得当前 URL 的主机名