[转]parseUrl函数

最新推荐文章于 2022-08-15 10:11:12 发布

Msro

最新推荐文章于 2022-08-15 10:11:12 发布

阅读量118

点赞数

本文介绍了一个用于解析URL的强大JavaScript函数，展示了如何提取URL的各项关键属性如源、协议、主机、端口、查询参数等，并通过实例演示了其使用方法。此外，还提供了一个获取URL参数的对象形式的方法，使得URL解析更为灵活高效。

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

转载自:　http://www.cnblogs.com/rubylouvre/archive/2010/06/09/1755051.html

在外国一博客看到一个很好的

 1 function parseURL(url) {
 2     var a =  document.createElement('a');
 3     a.href = url;
 4     return {
 5         source: url,
 6         protocol: a.protocol.replace(':',''),
 7         host: a.hostname,
 8         port: a.port,
 9         query: a.search,
10         params: (function(){
11             var ret = {},
12                 seg = a.search.replace(/^\?/,'').split('&'),
13                 len = seg.length, i = 0, s;
14             for (;i<len;i++) {
15                 if (!seg[i]) { continue; }
16                 s = seg[i].split('=');
17                 ret[s[0]] = s[1];
18             }
19             return ret;
20         })(),
21         file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
22         hash: a.hash.replace('#',''),
23         path: a.pathname.replace(/^([^\/])/,'/$1'),
24         relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [,''])[1],
25         segments: a.pathname.replace(/^\//,'').split('/')
26     };
27 }

　　用法：

 1 var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
 2   
 3 myURL.file;     // = 'index.html'
 4 myURL.hash;     // = 'top'
 5 myURL.host;     // = 'abc.com'
 6 myURL.query;    // = '?id=255&m=hello'
 7 myURL.params;   // = Object = { id: 255, m: hello }
 8 myURL.path;     // = '/dir/index.html'
 9 myURL.segments; // = Array = ['dir', 'index.html']
10 myURL.port;     // = '8080'
11 myURL.protocol; // = 'http'
12 myURL.source;   // = 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'

　　取得URL的参数，以对象形式返回！

 1 var getParam = function(path){
 2     var result = {},param = /([^?=&]+)=([^&]+)/ig,match;
 3     while((match = param.exec(path)) != null){
 4         result[match[1]] = match[2];
 5     }
 6     return result;
 7 }
 8  
 9 Object.keys = Object.keys || function(obj){
10     var result = [];
11     for(var i in obj){
12         if(obj.hasOwnProperty(i)){
13             result.push(i)
14         }
15     }
16     return result;
17 }
18 var path = "http://tieba.baidu.com/f?ct=318767104&tn=baiduKeywordSearch&sc=1&pn=0&rn=50&lm=4&rs4=2&rs3=2&word=%D0%C2%BE%D3%D5%D1%C4%CB&frs=jpq";
19  
20 var r = getParam(path);
21 alert(Object.keys(r))//ct,tn,sc,pn,rn,lm,rs4,rs3,word,frs

//2010.9.22更新
function getParam(name){//获取参数值 by司徒正美
    var sUrl = window.location.search.substr(1);
var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)"));
return (r == null ? null : unescape(r[2]));
}