JS 获取当前完整的 url 地址及获取 url 地址中各个部分

本文介绍了JavaScript中与URL相关的重要对象属性,包括window.location.host、hostname、href、pathname、protocol、port和search等,详细解析了它们的功能和使用场景,帮助开发者更好地理解和操作网页URL。

代码示例:

window.location.host; //(域名 + 端口)返回url 的主机部分,例如:www.xxx.com 

window.location.hostname; //(域名)返回www.xxx.com 

window.location.href; //(当前URL)返回整个url字符串(在浏览器中就是完整的地址栏),例如:                                
                      //www.xxx.com/index.php?class_id=3&id=2 

window.location.pathname; //(路径部分)返回/a/index.php或者/index.php 

window.location.protocol; //(协议)返回url 的协议部分,例如: http:,ftp:,maito:等等。 

window.location.port //(端口)url 的端口部分,如果采用默认的80端口,那么返回值并不是默认的80而是空字符

window.location.search //(请求的参数) ?id=123&username=xxx

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值