JavaScript中的location.host和location.hostname

在JavaScript中，我们可以使用location对象来获取当前页面的URL信息。其中，location.host和location.hostname属性可以用来访问当前页面的主机名。

location.host

location.host属性返回当前页面的主机名和端口号。例如，在URL为http://www.example.com:8080/index.html的页面中，location.host返回的是www.example.com:8080。

console.log(location.host); // 输出：www.example.com:8080

需要注意的是，如果当前页面使用默认端口号（即http使用80端口，https使用443端口），则location.host返回的主机名不包含端口号。例如，在URL为http://www.example.com/index.html的页面中，location.host返回的是www.example.com。

console.log(location.host); // 输出：www.example.com

location.hostname

location.hostname属性仅返回当前页面的主机名，不包含端口号。与location.host不同，无论当前页面使用哪个端口号，它都仅仅返回主机名。例如，在URL为http://www.example.com:8080/index.html的页面中，location.hostname返回的是www.example.com。

console.log(location.hostname); // 输出：www.example.com

总结

在JavaScript中，location.host和location.hostname常常被用来判断当前页面的域名是否符合预期，从而实现一些特定功能。需要注意的是，这两个属性返回的值都是字符串类型。在使用时，尤其是需要对它们进行比较时，需要将它们转化为相同的大小写形式，以避免因大小写不同而导致的比较错误。