Js获取URL及参数方法

下面我们举例一个URL,然后获得它的各个组成部分。
http://www.baidu.com/abc?id=100
window.location.href
可以获得整个URL字符串(在浏览器中就是完整的地址栏)。
var test = window.location.href;
alert(test);
程序返回 http://www.baidu.com/abc?id=100
window.location.protocol
可以获得 URL 的协议部分
var test = window.location.protocol;
alert(test);
程序返回 http:
window.location.host
可以获得 URL 的主机部分
var test = window.location.host;
alert(test);
程序返回 www.baidu.com
window.location.port
可以获得 URL 的端口部分
var test = window.location.port;
alert(test);
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。
window.location.pathname
获得 URL 的路径部分(就是文件地址)
var test = window.location.pathname;
alert(test);
window.location.search
获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。
var test = window.location.search;
alert(test);
window.location.hash
获得锚点。
var test = window.location.hash;
alert(test);

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值