js 截取当前网页地址 url 的方式

本文详细介绍了JavaScript中window.location对象的各个属性,包括href、protocol、host、port、pathname、search和hash,展示了如何通过这些属性获取和设置URL的不同部分。

链接内容为 http://x.xxx.com/xxxx.xxx?x=1

window.location.href(设置或获取整个 URL 为字符串)

返回值:http://x.xxx.com/xxxx.xxx?x=1

window.location.protocol(设置或获取 URL 的协议部分)

返回值:http:

window.location.host(设置或获取 URL 的主机部分)

返回值:x.xxx.com

window.location.port(设置或获取与 URL 关联的端口号码)

返回值:空字符(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)   或者 类似于8080的端口号

window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))

返回值:/xxxx.xxx

window.location.search(设置或获取 href 属性中跟在问号后面的部分)

返回值:?x=1

window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)

此示例中没有

var url1 = "链接";

// 端口    
url.port;
// 端口协议   
url.protocol; 
// 路径名  
url.pathname; 
// 协议+主机名+端口  
url.origin;
// 查询部分   
url.search;    
// 哈希   
url.hash;
// 完整 URL   
url.href;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值