浅谈js的url解析函数封装
在实际开发中,有些通过get方式与后台交换数据的时候,需要用到的数据在url中,因此就需要我们来获取到url中有用的信息,下面封装的函数已经可以将url解析的很彻底了,可以拿来直接用的:
functionparseURL(url){
vara=document.createElement('a');
a.href=url;
return{
source:url,
protocol:a.protocol.replace(':',''),
host:a.hostname,
port:a.port,
query:a.search,
params:(function(){
varret={},
seg=a.search.replace(/^\?/,'').split('&'),
len=seg.length,i=0,s;//len=2
alert(a.search)
for(;i<len;i++){
if(!seg[i]){continue;}
s=seg[i].split('=');
ret[s[0]]=s[1];
}
returnret;
})(),
file:(a.pathname.match(/\/([^\/?#]+)$/i)||[,''])[1],
hash:a.hash.replace('#',''),
path:a.pathname.replace(/^([^\/])/,'/$1'),
relative:(a.href.match(/tps?:\/\/[^\/]+(.+)/)||[,''])[1],
segments:a.pathname.replace(/^\//,'').split('/')
};
}
该函数的用法如下:
varmyURL=parseURL(window.location.href);//通过parseURL函数来解析当前页面的url;window.location.href可替换成任意要解析的url,如果直接写其他的url,格式应该字符串; varsearch_obj=myURL.params;//该解析方式是将search的内容解析为对象,方便进行数据的调用;其他方法可以自行尝试; varurl_post=myURL.post;//当前页面的端口号;
以上就是小编为大家带来的浅谈js的url解析函数封装全部内容了,希望大家多多支持毛票票~
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短