Parsing URLs with the DOM!

最新推荐文章于 2025-07-04 11:07:34 发布

原创最新推荐文章于 2025-07-04 11:07:34 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

javascript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了两种JavaScript方法来解析URL中的查询参数：一种是通过简单的GET对象收集参数，另一种是使用parseURL函数来详细解析整个URL。这些方法有助于前端开发者更好地理解并利用URL结构。

var GET = {};
var loc = String(document.location);
var pieces = loc.substr(loc.indexOf('?') + 1).split('&');
for (var i = 0; i < pieces.length; i++){
    var keyVal = pieces[i].split('=');
    GET[keyVal[0]] = decodeURIComponent(keyVal[1]);
}

用法：http://blackbaby.iteye.com/admin/blogs/new?a=1&b=2, alert(GET["a"])

parseURL

// This function creates a new anchor element and uses location
// properties (inherent) to get the desired URL data. Some String
// operations are used (to normalize results across browsers).
 
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('/')
    };
}