JS获取页面URL信息整理

http://localhost:8080/user/login?userName=aa&password=124

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

var url= window.location.href;
alert(url);
//  返回:url

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

var url = window.location.protocol;
alert(url);
//返回:http或者https

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

var url = window.location.host;
alert(url);
//返回:http://localhost

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

var url = window.location.port;
alert(url);
//返回:8080

5、window.location.pathname (设置或获取与 URL 的路径部分)

var url = window.location.pathname;
alert(url);
//返回:/user/login

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

var url  = window.location.search;
alert(url );
//返回:?userName=aa&password=124
(PS:获得查询(参数)部分,除了给动态语言赋值以外,
我们同样可以给静态页面,并使用javascript来获得相信应的参数值。)

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

var url = window.location.hash;
alert(url);
//返回:空字符(因为url中没有)

参考:https://www.jianshu.com/p/073f79c5e438

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值