获取和设置URL中的参数

最新推荐文章于 2024-07-02 15:24:01 发布

「已注销」

最新推荐文章于 2024-07-02 15:24:01 发布

阅读量371

点赞数

分类专栏：前端文章标签： javascript

原文链接：https://www.mk2048.com/blog/blog.php?id=haah201hjaab&title=%E8%8E%B7%E5%8F%96%E5%92%8C%E8%AE%BE%E7%BD%AEURL%E4%B8%AD%E7%9A%84%E5%8F%82%E6%95%B0

版权

前端专栏收录该内容

1143 篇文章 3 订阅

订阅专栏

勘误版

function getQuery(key, url) {
    url = url || window.location.href;
    if (url.indexOf('#') !== -1)
        url = url.substring(0, url.indexOf('#'));
    var rts = [], rt;
    var queryReg = new RegExp('(^|\\?|&)'   key   '=([^&]*)(?=&|$|#)', 'g');
    while ((rt = queryReg.exec(url)) != null) {
        rts.push(decodeURIComponent(rt[2]));
    }
    if (rts.length == 0) return null;
    if (rts.length == 1) return rts[0];
    return rts;
}


function setQuery(key, value, url) {

    url = url || window.location.href;
    var hash = '';

    if (url.indexOf('#') !== -1)
        hash = url.substring(url.indexOf('#'));

    url = url.replace(hash, '');
    url = url.replace(new RegExp('(^|\\?|&)'   key   '=[^&]*(?=&|#|$)', 'g'), '');
    value = isArray(value) ? value : [value];

    for (var i = value.length - 1; i >= 0; i--) {
        value[i] = encodeURIComponent(value[i]);
    }

    var p = key   '='   value.join('&'   key   '=');
    return url   (/\?/.test(url) ? '&' : '?')   p   hash;
}

增强版,支持同名参数

function getQuery(key, url) {
    url = url || window.location.href;
    var rts = [], rt;
    var queryReg = new RegExp('(^|\\?|&)'   key   '=([^&]*)(?=&|$|#)', 'g');
    while ((rt = queryReg.exec(url)) != null) {
        rts.push(decodeURIComponent(rt[2]));
    }
    if (rts.length == 0) return null;
    if (rts.length == 1) return rts[0];
    return rts;
}


function setQuery(key, value, url) {

    url = url || window.location.href;
    url = url.replace(new RegExp('(^|\\?|&)'   key   '=[^&]*(?=&|$|#)', 'g'), '');
    value = value.splice ? value : [value];

    for (var i = value.length - 1; i >= 0; i--) {
        value[i] = encodeURIComponent(value[i]);
    }

    var p = key   '='   value.join('&'   key   '=');
    return url   (/\?/.test(url) ? '&' : '?')   p;
}

利用正则表达式

function getQuery(key, url) {
    var reg = new RegExp('^\\S*(\\?|&)'   key   '=([^&]*)\\S*$');
    var l = url || window.location.href;
    if (reg.test(l)) {
        return decodeURIComponent(l.replace(reg, '$2'));
    } else {
        return null;
    }
}

function setQuery(key, value, url) {
    var reg = new RegExp(key   '=[^&]*(?=&|$)');
    var l = url || window.location.href;
    if (reg.test(l)) {
        return l.replace(reg, key   '='   encodeURIComponent(value));
    } else {
        return l   (/\?/.test(l) ? '&' : '?')   key   '='   encodeURIComponent(value);
    }
}

更多专业前端知识，请上【猿2048】www.mk2048.com