js获取当前url_javascript如何获取当前URL的主机名?

在javascript中可以使用location对象的hostname属性或者host属性来获取当前URL的主机名,下面本篇文章就来带大家认识这两种属性,希望对大家有所帮助。

bac1281c15808acd860cb2934bb12397.png

使用location hostname属性

location hostname属性是用于返回当前URL的主机名;它会返回一个字符串,其中包含域名或URL的IP地址。

基本语法:

location.hostname

简单示例:

假设当前的 URL 是: http://www.php.cn/course/type/4.html

效果图:

c849d0a0c44186faf6e0442e743640bb.png

使用location host属性

location host属性用于设置或返回URL的主机名和端口;如果当前URL中未在指定端口,则不会返回端口号。

基本语法:

location.host

简单示例:

假设当前的 URL 是: http://127.0.0.1:8020/demo/2.html,URL 指定了端口号

效果图:

aeeca803787f0dfa83de3851e9496366.png

假设当前的 URL 是: http://127.0.0.1/demo/2.html,URL 中没指定端口,则只会显示主机名,不会有端口号

cfa1481d8a4f5ede3c1205f4e7ff4d87.png

浏览器支持

支持location对象的hostname属性或者host属性的浏览器如下所示:

1、Google Chrome

2、Apple Safari

3、Firefox

4、Opera

5、Internet Explorer

以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注相关教程栏目!!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值