使用开发者工具是开发人员的日常，但多数人往往只使用其中的一小部分，很多功能其实都无人问津。在微软 Edge 项目部担任开发者工具首席产品经理的 Christian Heilmann 认为，开发者工具正变得越来越复杂和强势，要解决这个问题则需要意识到，开发者工具不该指望用户成为专家，而是要随时间推移引导他们变成专家。
以下内容节选自他近日发表的博文，源自他自己在使用工具、记录体验并查阅用户反馈时的真实经
ostname;
alert(h);
</script>
效果图：
使用location host属性
location host属性用于设置或返回URL的主机名和端口；如果当前URL中未在指定端口，则不会返回端口号。
基本语法：
location.host
简单示例：
假设当前的 URL 是: http://127.0.0.1:8020/demo/2.html，URL 指定了端口号
<script type="text/javascript">
var h = location.host;
alert(h);
</script>
效果图：
假设当前的 URL 是: http://127.0.0.1/demo/2.html，URL 中没指定端口，则只会显示主机名，不会有端口号
浏览器支持
支持location对象的hostname属性或者host属性的浏览器如下所示：
1、Google Chrome
2、Apple Safari
3、Firefox
4、Opera
5、Internet Explorer
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注相关教程栏目！！！
以上就是javascript如何获取当前URL的主机名？的详细内容，更多请关注其它相关文章！
更多技巧请《转发 + 关注》哦！
