JS解析URL字符串实现与PHP parseURL一样的便捷功能

作品分类:技术/文章 2020-12-09

u=119949202,3931041379&fm=26&gp=0.png

JS解析URL字符串实现与PHP parseURL一样,方便了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('/') 
    }; 
} 
/*
 1 var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top'); 
 2 myURL.file; // = 'index.html' 
 3 myURL.hash; // = 'top' 
 4 myURL.host; // = 'abc.com' 
 5 myURL.query; // = '?id=255&m=hello' 
 6 myURL.params; // = Object = { id: 255, m: hello } 
 7 myURL.path; // = '/dir/index.html' 
 8 myURL.segments; // = Array = ['dir', 'index.html'] 
 9 myURL.port; // = '8080' 
10 myURL.protocol; // = 'http' 
11 myURL.source; // = 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'
*/


您可能喜欢以下内容

推荐一个短视频去水印小程序

评论


发布者  :    2020/12/09  回复

比起PHP的方便,JS只需数行代码

发布者  :  访客  2020/12/09  回复

多谢多谢!

留言