使用js通过a标签解析url地址
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
/* * @function: 通过a标签解析url标签 * @param:url url参数是字符串,解析的目标 通过IE6-9 chrome Firefox测试 * 可在浏览器控制台直接调试 */ function parseURL(url) { //创建一个a标签 var a = document.createElement('a'); //将url赋值给标签的href属性。 a.href = url; return { source: url, protocol: a.protocol.replace(':',''), //协议 host: a.hostname, //主机名称 port: a.port, //端口 query: a.search, //查询字符串 params: (function(){ //查询参数 var ret = {}, seg = a.search.replace(/^\?/,'').split('&'), len = seg.length, i = 0, s; for (;i<len;i++) { if (!seg[i]) { continue; } s = seg[i].split('='); ret[s[0]] = s[1]; } return ret; })(), 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('/') //路径片段 }; } |
原创文章,转载请注明: 转载自搞代码
本文链接地址: 使用js通过a标签解析url地址

微信 赏一包辣条吧~

支付宝 赏一听可乐吧~
发表评论