美文网首页
绝对路径URL地址解析

绝对路径URL地址解析

作者: 丨终于白发 | 来源:发表于2020-09-17 16:34 被阅读0次
/**
    * 绝对路径Url解析
    * 
    * @param {String} url 要解析的url,Url必须带协议http或者https
    * @returns 
    * 
    */
    parseURL (url) {
        var a = document.createElement('a');
        a.href = url;
        return {
            source: url,
            protocol: a.protocol.replace(':', ''),
            host: a.host,
            hostname: 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('/')
        };
    },

相关文章

网友评论

      本文标题:绝对路径URL地址解析

      本文链接:https://www.haomeiwen.com/subject/jealyktx.html