js 获取 url后缀名等相关信息

// 获取url信息
function parseURL(url) {
    var a =  document.createElement('a');
    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('/')
    };
}
 
var myURL = parseURL('http://www.kissfree.my:8080/dir/index.html?id=520&s=hello#top');
 
console.log(myURL.file);     // = 'index.html'
console.log(myURL.hash);     // = 'top'
console.log(myURL.host);     // = 'www.kissfree.my'
console.log(myURL.query);    // = '?id=520&s=hello'
console.log(myURL.params);   // = Object = { id: "520", s: "hello" }
console.log(myURL.path);     // = '/dir/index.html'
console.log(myURL.segments); // = Array = ['dir', 'index.html']
console.log(myURL.port);     // = '8080'
console.log(myURL.protocol); // = 'http'
console.log(myURL.source);   // = 'http://www.kissfree.my:8080/dir/index.html?id=520&s=hello#top'