javascript权威指南中的解析url地址

本文介绍了JavaScript中window对象的Location属性及Location对象的各种属性,包括如何分解URL及其组成部分,并提供了一个实用函数来提取URL中的查询字符串参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

window对象的localtion属性引用的是Localtion对象,它表示该窗口中当前显示的文档URL

Location对象的href属性是一个字符串,后者包含URL的完整文本

Location对象的toString()方法返回href属性的值,因此在会隐式调用toString()的情况下可用使用localtion代替location.href


这个对象的其他属性---protocal,host,hostname,port,pathname和search.分别表示URL的各个部分 

它们成为"URL分解属性",同时被Link对象,(通过HTML文档中的<a>和<area>元素创建)支持

location对象的hash和search属性比较有趣,如果有的话,hash属性返回URL的"片段标识符"部分,search属性也类似,他返回的是问号之后的url,这部分通常是某种类型的查询字符串.  一般来说,这部分内容是参数化URL并在其中嵌入参数的

虽然这些参数通常用于运行在服务器上的脚本,但在启用javascript的页面中当然也可以使用它们

提取url的搜索字符串中的参数

function urlArgs(){

 var args = {};

var query = location.search.substring(1)

var pairs = query.split("&")

for(var i = 0; i < pairs.length;i++){

var pos = pairs[i].indexof("=");

 if(pos == -1) continue;

var name = pairs[i].substring(o,pos);

 var value = pairs[i].substring(pos+1)

 value = decodeURLComponent(value)

args[name] = value

}

return args

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值