JavaScript location.hostname 属性：设置或取得当前 URL 的主机名_JavaScript基础教程

JavaScript location.hostname 属性

Location 对象的 hostname 属性用于设置或取得当前 URL 的主机名，语法如下：

location.hostname = hostname

location.hostname 实例

例子 1

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

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

<script type="text/javascript">

document.write(location.hostname);

</script>

运行该例子，输出：

www.5idev.com

例子 2

该例子通过 location.hostname 属性来设置 URL 中的主机名：

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

<html>

<script type="text/javascript">

function setHostname(){
    location.host = "localhost";
}

</script>

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

运行该例子，点击设定主机名的超链接，触发 setHostname() 函数，浏览器地址栏的 URL 将变为：http://localhost/test.shtml，而浏览器也将访问该 URL。

location.host 与 location.hostname 的区别

location.host 与 location.hostname 非常的相似，但二者的区别在与是否得到或设置 URL 中的端口上。如果要得到或设置 URL 端口号，请使用 location.host 属性。当 URL 为默认的 80 端口是，二者在表现上一样的。

参考阅读

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